Javascript 如何在RubyonRails和WebPack中使用React类

所以我按照教程理解了在Ruby on Rails上使用它的react语法，得到了很好的结果，只是javascript，然后我尝试实现本教程中的webpack，但我注意到，.jsx组件有一个非常不同的语法，而且我尝试复制粘贴第一个教程中的组件，但没有成功，

React.createClass

不再存在，现在我不知道如何嵌套

.jsx

就像在第一个教程中一样，我不知道它是否是一种不同的React类型，或者在哪里可以找到示例jsx语法一开始可能有点混乱，但很快就会变成第二天性。假设您有react组件

列表

：

import React from "react";
import ReactDOM from "react-dom";

import Item from "./item";

export default class List extends React.Component {
    render(props) {
        return <ol>{props.list.map( item => <Item item={item}> )}</ol>
    }
}

从“React”导入React；
从“react dom”导入react dom；
从“/Item”导入项目；
导出默认类列表扩展React.Component{
渲染（道具）{
返回{props.list.map（item=>）}
}
}

---

请注意

import

s Item这一行。一旦像那样导入了组件，就可以像对待普通HTML元素一样呈现它。这回答了你的问题吗？

JSX语法一开始可能有点混乱，但很快就会成为第二天性。假设您有react组件

列表

：

import React from "react";
import ReactDOM from "react-dom";

import Item from "./item";

export default class List extends React.Component {
    render(props) {
        return <ol>{props.list.map( item => <Item item={item}> )}</ol>
    }
}

从“React”导入React；
从“react dom”导入react dom；
从“/Item”导入项目；
导出默认类列表扩展React.Component{
渲染（道具）{
返回{props.list.map（item=>）}
}
}

---

请注意

import

s Item这一行。一旦像那样导入了组件，就可以像对待普通HTML元素一样呈现它。这回答了你的问题吗？

你能澄清一下吗？你是什么意思？你的意思是在JSX中包含其他JSX元素吗？是的，尝试将一个JSX包含到另一个JSX中。你能澄清一下吗？你是什么意思？你的意思是在JSX中包含其他JSX元素吗？是的，尝试将一个JSX包含到另一个JSX中。