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}`);
		}