ReactJS组件名称必须以大写字母开头吗？

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用JSBin上的ReactJS框架。

我注意到，如果我的组件名称以小写字母开头，那么它将不起作用。

例如，以下内容不呈现：

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

但是，一旦我替换为fml，Fml它就会渲染。

我不能以小写字母开头的标签有原因吗？

回答：

在JSX中，小写标签名称被认为是HTML标签。但是，带点号（属性访问器）的小写标记名称不是。

参见HTML标签与React组件。

  • <component />编译为React.createElement('component')（html标记）

  • <Component /> 编译为 React.createElement(Component)

  • <obj.component /> 编译为 React.createElement(obj.component)

以上是 ReactJS组件名称必须以大写字母开头吗？ 的全部内容， 来源链接： utcz.com/qa/424502.html

回到顶部