如何使用WebPack在Ruby on Rails中使用React类

时间:2017-05-12 23:41:54

标签: javascript ruby-on-rails reactjs webpack

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

1 个答案:

答案 0 :(得分:0)

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

注意import项的行。一旦导入了这样的组件,就会像普通的HTML元素一样呈现它。这是否回答了你的问题?