我不想在选择标签中设置第一个选项的状态怎么做任何人都可以帮助我

Posted 2023-02-16

【中文标题】我不想在选择标签中设置第一个选项的状态怎么做任何人都可以帮助我

【英文标题】：i dont want set the state of first option in select tag how to do that can anyone help me

【发布时间】：2021-08-16 14:34:24

【问题描述】：

从'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；

【参考方案1】：

修改函数selectPlayer如下：

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