将元素名称作为字符串变量进行反应

Question

在浏览其中一个 React UI 库的源代码时，我遇到了这个代码模式（我简化了）：function Test() {  let Button = "button";  // ...  return <Button>Click me</Button>;}这是怎么回事 - 为什么这有效？:)

Answer 1

上面的 JSX 被 React 解释为：

function Test() {

  let Button = "button";

  return React.createElement(

    Button,

    null,

    "Click me"

  );

}

Button只是一个变量，设置为 ，它被传递给 React. 创建元素（...）。string"button"