ReactJS教程：<square>来自哪里？

Question

In this tutorial：

<Square/>在这里使用：

    class Board extends React.Component {
  renderSquare(i) {
    return <Square value={i} />;
 }

但是<Square/> HTML元素来自何处？ 在教程代码的CSS中，确实存在一个“正方形”类。但是，我希望普通的html元素（例如div）具有class属性。此外，css类没有大写。因此，我不知道此<Square/>标记如何工作​​。

Answer 1

定义一个类Square意味着它可以在同一范围的React JSX标记中使用。不要将JSX与HTML混淆，它们是完全不同的东西。在此处阅读有关此内容的更多信息：

https://reactjs.org/docs/jsx-in-depth.html