为什么 ReactJS 组件名称必须以大写字母开头？

为什么 ReactJS 组件名称需要大写字母？

在尝试 ReactJS 框架时，发现组件名称以小写开头字母无法呈现。为了说明这一点，以下代码不会呈现：

var fml = React.createClass({
  render: function () {
    return <a href='google.com'>Go</a>;
  }
});

React.render(<fml />, document.body);

但是，将“fml”更改为“Fml”可以解决该问题。这就引出了一个问题：为什么组件标签不能以小写字母开头？

答案：

在 JSX 中，小写标签名称被解释为 HTML 标签。例如，<组件/>>编译为 React.createElement('component')。相反，大写标签被解释为 React 组件，例如 编译为 React.createElement(Component).

不过也有例外。如果小写标签名称后跟句点（属性访问器），则不将其视为 HTML 标签。例如，>编译为 React.createElement(obj.component).

以上是为什么 ReactJS 组件名称必须以大写字母开头？的详细内容。更多信息请关注PHP中文网其他相关文章！