从其他组件的事件创建组件

Question

我是个新手，在理解组件的生命周期时遇到了一些困难。

我现在有一个导航栏和导航按钮组件，我希望每个导航按钮触发不同的东西。我不想更改页面，我想在同一页面中显示更多组件。

我有我的按钮设置，所以我可以做下面的。

<NavButton text="Searches" onClick={
    function () {
        console.log('test');
    }
} />
</div>

在这种情况下，我是否可以说，在DOM的其他地方创建/显示不同的组件？

Answer 1

你可以：

• 给出你的组件状态，并添加一个显示细节标志（在getInvalState（）中设置为false）
• 单击更新状态（setState（{show Detail： true}））
• 渲染依赖于状态

渲染可以看起来像这样：

render() {
  return (
    <NavItem props={foo}>
      {this.state.showDetail? <NavSubItem props={bar}/> : null }
    </NavItem>
  )
}

这样，