Deaktivieren Bootstrap Registerkarte mit Ereignisschlüssel in ract.js

Question

Ich verwende React Bootstrap in meiner react.js Seite. Ich möchte Tabs basierend auf einem Klick auf die Schaltfläche deaktivieren und ich möchte nicht das Standard-Attribut disable setzen. Gibt es eine Möglichkeit

<Tabs activeKey={this.state.key} onSelect={this.handleSelect} id="uncontrolled-tab-example"> 
     <Tab eventKey={1} title="Customer" className="studenttab"> 
     </Tab> 
     <Tab eventKey={2} title="Customer" className="admintab"> 
     </Tab> 
    <Tab eventKey={3} title="Customer" className="othertab"> 
     </Tab> 
</Tabs> 

Answer 1

Sie könnten versuchen, eine boolean prop isAdmin an die übergeordnete Komponente zu übergeben, die sagt, ob der aktuelle Benutzer admin und es dann in der Komponente verwenden:

<Tabs activeKey={this.state.key} onSelect={this.handleSelect} id="uncontrolled-tab-example"> 
     <Tab eventKey={1} title="Student" disabled={this.props.isAdmin} className="studenttab" /> 
     <Tab eventKey={2} title="Admin" className="admintab" /> 
    <Tab eventKey={3} title="Other" disabled={this.props.isAdmin} className="othertab" /> 
</Tabs>