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('컴포넌트')로 컴파일됩니다. 대조적으로, 대문자 태그는 와 같은 React 구성요소로 해석됩니다. React.createElement(Component)로 컴파일됩니다.

하지만 예외가 있습니다. 소문자 태그 이름 뒤에 마침표(속성 접근자)가 오면 HTML 태그로 간주되지 않습니다. 예를 들어 React.createElement(obj.comComponent)로 컴파일됩니다.

위 내용은 ReactJS 구성 요소 이름이 대문자로 시작해야 하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!