Question

使用常规JSX将组件嵌套在反应中我已经看到了以下片段：

render: function() {
  return (
    <div>
      <span>Options:</span>
      <Copmonent.Comment.List />
      <Copmonent.Comment.Form />
    </div>
  );

使用React.DOM（和coffeescript）的等价物是什么？

render: ->
  React.DOM.div {},
    React.DOM.span {}, "Options:"
    ???
    ???

Answer 1

我会从组件创建工厂：

List = React.createFactory(ListClass)
Form = React.createFactory(FormClass)

然后，我们可以直接在任何地方打电话给他们：

render: ->
  React.DOM.div {},
    React.DOM.span {}, "Options:"
    Component.Comment.List {}
    Component.Comment.Form {}

Answer 2

我正在使用https://github.com/jsdf/coffee-react进行转换。

这个lib渲染看起来类似于普通的.JSX

render: () ->
  <div className="some-class">
    <SomeComponent />
  </div>

使用CoffeeScript嵌套的React组件

2 个答案: