使用CoffeeScript嵌套React组件
要使用常规JSX在react中嵌套组件,我看到了以下代码片段:使用CoffeeScript嵌套React组件,coffeescript,reactjs,Coffeescript,Reactjs,要使用常规JSX在react中嵌套组件,我看到了以下代码片段: render: function() { return ( <div> <span>Options:</span> <Copmonent.Comment.List /> <Copmonent.Comment.Form /> </div> ); 我将从组件创建工厂: List = React.creat
render: function() {
return (
<div>
<span>Options:</span>
<Copmonent.Comment.List />
<Copmonent.Comment.Form />
</div>
);
我将从组件创建工厂:
List = React.createFactory(ListClass)
Form = React.createFactory(FormClass)
然后,我们可以在任何地方直接给他们打电话:
render: ->
React.DOM.div {},
React.DOM.span {}, "Options:"
Component.Comment.List {}
Component.Comment.Form {}
我习惯于转换
使用这个lib,render看起来类似于plain.JSX
render: () ->
<div className="some-class">
<SomeComponent />
</div>
render:()->
render: () ->
<div className="some-class">
<SomeComponent />
</div>