javascript - 为什么react中的组件需要大写?

标签 javascript reactjs

<分区>

因此,当您用小写首字母声明一个组件时,它不会出现,也不会引发错误。当您将组件名称大写时,它确实有效。

这样实现的是什么?为了避免与现有的 html 元素发生冲突,或者这是一个错误?

var test = React.createClass({
  render: function() {
    return (
      <div>Test</div>
    );
  }
});

var Screen = React.createClass({
  render: function() {
    return (
      <div>
        <test/>
      </div>
    );
  }
});

当我将 test 更改为 Test 时,它起作用了:

var Test = React.createClass({
  render: function() {
    return (
      <div>Test</div>
    );
  }
});

var Screen = React.createClass({
  render: function() {
    return (
      <div>
        <Test/>
      </div>
    );
  }
});

最佳答案

来自 some react release notes

the JSX tag name convention (lowercase names refer to built-in components, capitalized names refer to custom components).

关于javascript - 为什么react中的组件需要大写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33259112/

相关文章:

javascript - 如何关注导入的 React 组件中的某个元素?

javascript - 如何使用整行作为切换而不是仅使用小的复选框来切换 office-ui-fabric detailslist 行选择

javascript - 为什么在 API 调用和 setState 之后,同一对象的某些元素可以访问,而其他元素则不可访问?

javascript - iframe 子级与多个 iframe 的父级通信

javascript - 使用传单添加和删除几何坐标图层

Javascript:如何在处理程序中保留对请求发起者的引用?

javascript - 如何在 React 中等待一个 API 调用完成后再启动另一个 API 调用?

javascript - 如何更改 Material-UI Select Field HR 元素的颜色?

javascript - AngularJS 中的 href 和 ng-click

node.js - 在azure上部署React应用程序