react根据下拉框不同的值,去切换不同的dom解构

发布时间：2020-12-15 20:40:23 所属栏目：百科来源：网络整理

导读：问题: ? ?根据周报表和月报表,去改变范围dom,分为按月和按周 1.刚开始忘记绑定this 2.不能动态的获取相应的值解答: 绑定this Select defaultValue="周报表" style={{ width: 120 }} onChange={this.handleChange.bind(this)}{this.state.items.map((item,in

问题:

?根据周报表和月报表,去改变范围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}`);
		}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!