为什么反应中的组件需要大写？ [英] Why do components in react need to be capitalized?

问题描述

因此，当您声明一个组件以小写的第一个字母作为响应时，它不会显示，而不会抛出错误。当您将组件名称大写时，它确实有效。

So, when you declare a component in react with a lowercase first letter, it doesn't show up, without throwing an error. When you capitalise the component name, it does work.

它是如何实现的？为了避免与现有的html元素冲突，或者这是一个错误？

What is it implemented like this? To avoid collision with existing html elements, or is this a bug?

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

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

当我将 test 更改为<$ c时$ c>测试，它有效：

When I change test to Test, it works:

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

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

推荐答案

来自一些反应发行说明

JSX标记名称约定（小写名称引用内置组件，大写名称引用自定义组件）。

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

这篇关于为什么反应中的组件需要大写？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！