Как отключить и включить вкладку в reactjs? - PullRequest
Новая
       3

Как отключить и включить вкладку в reactjs?

0 голосов
/ 30 марта 2020

Я очень новичок в React. Я построил эту форму, используя response- bootstrap. Я хочу отключить вкладку 2, когда я впервые запускаю эту программу, и если я щелкаю в выпадающем меню «tambah hubungan keluarga», то есть на вкладке 2 enable.i пришлось использовать обработчик изменений и вставлять состояние Tab 2 в data-toogle, но не работает

1. это для государства: 

class family extends React.Component {
constructor(props) {

    super(props)

    this.state = {
        Tab2 : true 


onChangeHandler = e => {
          this.setState({ Tab2: false });
        }

<div class="dropdown-menu">
            <a class="dropdown-item" href="#" span onChange={()=>{this.onChangeHandler()}} style={{fontsize : '18px' , paddingRight : '30px'}}>Tambah hubungan keluarga</a>
            <a class="dropdown-item" href="#" span onClick={()=> {this.editModalHandler(row.id)}}>Edit</a>
            <a class="dropdown-item" href="#" span onClick={()=> {this.deleteModalHandler(row.id)}}>Delete</a>

        </div>

<ul class="nav nav-tabs" id="custom-content-below-tab" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" id="custom-content-below-home-tab" title="Tab1" data-toggle="pill" href="#custom-content-below-home" role="tab" aria-controls="custom-content-below-home" aria-selected="true">Family Type</a>
              </li>
              <li class="nav-item">
                <a class="nav-link"  id="custom-content-below-profile-tab"  title="Tab2" data-toggle={this.state.Tab2} href="#custom-content-below-profile" role="tab" aria-controls="custom-content-below-profile" aria-selected="false">Family Tree</a>
              </li>
}
...