Question

我有几个Modals，每个都包含Tabs。当我触发第一个时，一切正常（标签及其内容发生变化）但是当我触发其他标签时，第一个标签显示但我无法切换到另一个标签或只是内容没有变化。我尝试使用console.log事件对象，并在单击后显示正确的选项卡编号。

在父组件中，我映射设备列表并创建模态。

<Modal
     id={device}
     header={device}
     fixedFooter
     trigger={
       <div className="deviceSettingDiv">
          <Icon className="deviceSettingButton">settings</Icon>
       </div>
     }>
     <DeviceConfiguration deviceId={device}/>
</Modal>

子组件的渲染功能仅包含选项卡

return(
    <Tabs>
       <Tab title="Step 1">
          <h2> Device </h2>
       </Tab>
       <Tab title="Step 2">
          <h2>Communication</h2>
       </Tab>
       <Tab title="Step 3">
          <h2>Paramlist</h2>
       </Tab>
    </Tabs>
    )

我删除了大部分的Tabs内容以获得更好的视图。有人能告诉我我做错了什么吗？

react-materialize选项卡：切换内容

0 个答案: