提问者:小点点

我不想在选择标签中设置第一个选项的状态如何做有人能帮我吗


从“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>
    )
}

}

出口默认国家信用卡;


共1个答案

匿名用户

修改功能选择播放器,如下所示:

selectPlayer = (e) => {
    if(e.target.value !== 'select a player') {
        this.setState({
            selectedPlayer : e.target.value
        });
    }
};