我现在如何在带有 WebPack 的 Ruby on Rails 中使用 React 类答案

【问题标题】：How do I use React classes now in Ruby on Rails with WebPack我现在如何在带有 WebPack 的 Ruby on Rails 中使用 React 类
【发布时间】：2017-05-12 23:41:54
【问题描述】：

所以我按照this 教程了解了在 Ruby on Rails 上使用它的反应语法，并且很好地理解了它，只是 javascript，然后我尝试从这个 other 教程中实现 webpack，但我注意到的是， .jsx 组件有一个非常不同的语法，我也尝试从第一个教程中复制粘贴我的组件并且不起作用，React.createClass 不再是现在我不知道如何嵌套.jsx 就像在第一个教程，不知道是不是 React 的另一种，在哪里可以找到例子

【问题讨论】：

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

标签： javascript ruby-on-rails reactjs webpack

【解决方案1】：

JSX 语法起初可能有点令人困惑，但很快就会成为第二天性。假设你有反应组件List:

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>
    }
}

注意imports 项目的行。一旦你像这样导入了你的组件，你就可以像渲染一个普通的 HTML 元素一样渲染它。这能回答你的问题吗？

【讨论】：