在 angular 中，我可以在一个元素上应用两个指令。
<div dir-one dir-two></div>
react中的等价物是什么？
我如何在react中合并两个组件
IT技术
reactjs
2021-05-05 03:15:41
4个回答
你可以这样做
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>;
}
});
也许你可以使用 fragemts，https: //reactjs.org/docs/fragments.html
`render() {
return (
<React.Fragment>
<ChildA />
<ChildB />
<ChildC />
</React.Fragment>
);
}`
您可以尝试由另一个组件呈现该组件，如下所示：
render() {
return (
<div>
<h1>I am your father</h1>
<Child />
</div>
);
}
这在CodeCademy 的这个教程中有解释
在 App.js 中试试这个：
import Component1 from './components/Component1';
import Component2 from './components/Component2';
import Component3 from './components/Component3';
export default function App() => <><Component1 /><Component2 /><Component3 /></>