我已經開始學習React JS,並且我一直在向Tab onClick事件傳遞參數(例如按鈕ID或Tab值等)。我一直在從'未定義'(當傳遞屬性名稱作爲參數時)返回結果。 注意:標記是material-ui庫的一個組件。傳遞一個值作爲onClick函數的參數
constructor(props){
super(props);
this.state = { value : 'a'};
this.handleChange = this.handleChange.bind(this);
}
handleChange(event){
console.log(event.target.value); //it prints undefined
this.setState({value: event.target.value});
}
<Tabs value={this.state.value}>
<Tab label="Tab A" value="a" onClick={this.handleChange}>
<div>
<h2>Controllable Tab A</h2>
<p>TAB A
</p>
</div>
</Tab>
<Tab label="Tab B" value="b" onClick={this.handleChange}>
<div>
<h2>Controllable Tab B</h2>
<p>TAB B</p>
</div>
</Tab>
</Tabs>
我嘗試創建一個選項卡菜單,但我無法實現將Tab的值傳遞給handleChange函數。我的目標是,如果用戶單擊選項卡A,則在另一種情況下,該值應該更新爲'a',值應該爲'b'。
我該怎麼做?
謝謝。
遺憾。 ** Tab是material-ui庫的一個組件。 –
onClick = {()=> this.handleChange('b')有效。 –