我一直在學習React,我在想如何能夠基於狀態呈現類/組件?基於React中的state/prop渲染組件?
我在想或許將是這樣的:
var currentState = this.state.title;
< currentState />
,但似乎並沒有工作。
我可以使用if語句或case/switch來做到這一點,但似乎並不特別靈活。
下面是我與目前的工作是什麼:
var Proj1 = React.createClass({
render: function(){
return (
<h1>Number one</h1>
)
}
});
var Proj2 = React.createClass({
render: function(){
return (
<h1>Number two</h1>
)
}
});
var ContentContainer = React.createClass({
getInitialState: function(){
return {
title: 'Proj1'
}
},
render: function(){
return (
///// Proj1?
)
}
});
React.render(
<ContentContainer/>, document.getElementById('container')
);
基本上我想使基於狀態的當前名稱相應的類。例如,如果state.title = Proj1,我想渲染Proj1,或者如果state.title = Proj2,我想呈現Proj2。
請和謝謝
Yeaahh,我知道if語句可以做到這一點,但我的意思是讓我們說例如我有Proj20,但謝謝你的迴應! – slickrick
@slickrick編輯我的答案。我想這就是你要找的東西? –
謝謝,嗯,似乎也沒有工作,我想我會堅持如果語句然後 – slickrick