从“React”导入React,{Component};
导出类CountryCard扩展组件{构造函数(道具){超级(道具)
this.state = {
selectedPlayer : ''
}
}
selectPlayer = (e) => {
this.setState({
selectedPlayer : e.target.value
});
};
render() {
return (
<div>
<form>
<select value={this.state.selectedPlayer} onChange={this.selectPlayer}>
<option value="select a player">select player</option>
<option value="Yuvraj Singh">Yuvraj Singh</option>
<option value="Gautam Gambhir">Gautam Gambhir</option>
<option value="Chris Gyle">Chris Gyle</option>
<option value="David Miller">David Miller</option>
<option value="Michael Hussey">MIchael Hussey</option>
</select>
<h1>{this.state.selectedPlayer}</h1>
</form>
</div>
)
}
}
出口默认国家信用卡;
修改功能选择播放器
,如下所示:
selectPlayer = (e) => {
if(e.target.value !== 'select a player') {
this.setState({
selectedPlayer : e.target.value
});
}
};