Уплотненный Реагировать Компоненты с CoffeeScript

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 для transfrom.

С этой библиотеки визуализации похож на обычный .JSX

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