在React中动态启用/禁用react-bootstrap选项卡

Question

我正在使用React-bootstrap选项卡，我想动态地启用/禁用这些选项卡。

react-bootstrap tabs

return (
  <Tabs
    activeKey={this.state.key}
    onSelect={this.handleSelect}
    id="controlled-tab-example"
  >
    <Tab eventKey={1} title="Tab 1">
      Tab 1 content
    </Tab>
    <Tab eventKey={2} title="Tab 2">
      Tab 2 content
    </Tab>
    <Tab eventKey={3} title="Tab 3" disabled>
      Tab 3 content
    </Tab>
  </Tabs>
);

  

Blockquote

Answer 1

已经通过条件渲染找到了一种方法。

Math.max(...[1,2,3])