reactjs - 我不想在选择标签中设置第一个选项的状态如何做到这一点任何人都可以帮助我

Question

从'react'导入反应，{组件}；

导出类 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>
    )
}

}

导出默认 CountryCard；

标签： reactjs

Answer 1

Modify the function selectPlayer like below:

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