使用CoffeeScript嵌套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

要使用常规JSX在react中嵌套组件,我看到了以下代码片段:

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>