reactjs - 我如何在 react 中合并两个组件

Question

在 Angular 中，我可以在一个元素上应用两个指令。

<div dir-one dir-two></div>

React 中的等价物是什么？

Answer 1

你可以这样做

var FirstComponent = React.createClass({
    render: function() {
        return <div>FirstComponent</div>;
    }
});

var SecondComponent = React.createClass({
    render: function() {
        return <div>SecondComponent</div>;
    }
});

var MainComponent = React.createClass({
    render: function() {
        return <div>
            <FirstComponent />
            <SecondComponent />
        </div>;
    }
});

Example