react根據下拉框不同的值,去切換不同的dom解構

問題:

 

 根據周報表和月報表,去改變范圍dom,分為按月和按周

1.剛開始忘記綁定this

2.不能動態的獲取相應的值

解答:

綁定this

<Select defaultValue="周報表"  style={{ width: 120 }} onChange={this.handleChange.bind(this)}>
						{this.state.items.map((item,index) => <Option key={index} value={item.value}>{item.text}</Option>)}
					</Select>　　　　

 

不可以同步賦值:

this.state.weekflag=true,這樣不能在render函數動態的獲取

要異步賦值:

handleChange(value) {
		if(value !=='week') {
			this.setState({weekFlag:false});
		}else{
			this.setState({weekFlag:true});
		}
		console.log(`selected ${value}`);
		}