从其他组件的事件创建组件
问题描述:
对于React,我很新,并且在理解组件的生命周期时遇到了一些麻烦。从其他组件的事件创建组件
我目前有一个navbar和navbutton组件,我希望每个navbutton触发不同的东西。我不想更改页面,我想在同一页面中显示更多的组件。
我有我的按钮设置,所以我可以做到以下。
<NavButton text="Searches" onClick={
function() {
console.log('test');
}
} />
</div>
是否有无论如何,我可以说,在我的DOM的其他地方创建/显示不同的组件?
答
点击更新状态(
渲染
您可以:
- 给您的组件的状态,并添加制成依赖于国家
getInitialState()
设置为false)
setState({showDetail: true})
)渲染可能看起来像这样:
render() {
return (
<NavItem props={foo}>
{this.state.showDetail? <NavSubItem props={bar}/> : null }
</NavItem>
)
}
这样,<NavSubItem>
仅在showDetail == true时才呈现。