Блог

импортируйте React, { Компонент } из ‘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>
    )
}
 

}

экспорт карты страны по умолчанию;

Измените функцию selectPlayer , как показано ниже:

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