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

Question

在浏览其中一个 React UI 库的源代码时，我遇到了这个代码模式（我简化了）：

function Test() {

  let Button = "button";

  // ...

  return <Button>Click me</Button>;

}

这是怎么回事 - 为什么这有效？:)

Answer 1

上面的 JSX 被 React 解释为：function Test() {&nbsp; let Button = "button";&nbsp; return React.createElement(&nbsp; &nbsp; Button,&nbsp; &nbsp; null,&nbsp; &nbsp; "Click me"&nbsp; );}Button只是一个变量，设置为 ，它被传递给 React. 创建元素（...）。string"button"