React JS Dropdown onchange не работает. Попытка нескольких методов безуспешно

Question

Я пытаюсь создать выпадающее меню с помощью реакции. Но я не мог заставить его работать.

Я пробовал несколько методов, но все равно безуспешно. Данные загружаются в выпадающий список, и когда я выбираю один, ничего не меняется.

constructor(props) {
    super(props);
    this.state = {
        serviceList: []
    };
    this.loadData = this.loadData.bind(this);
    this.update = this.update.bind(this);
    this.delete = this.delete.bind(this);
    this.handleChange = this.handleChange.bind(this);

}

handleChange(e){
    this.setState({[e.target.Name]: e.target.value})
}

fillDropdowncus(list){     
    let result = [];
    for (var key in list) {
        result.push({ key: list[key]['CusId'] , text: list[key]['CusName'] })
    }        
    return result;
}

<Form.Field>
<label>Select customer</label><br />
<Dropdown selection options={this.fillDropdowncus(this.state.customersList)} onChange={this.handleChange} name="selectCustomer" placeholder='Select Customer' /><br />
</Form.Field>

Answer 1

Ваш valueChange должен быть handleChange.

<Dropdown selection options={this.fillDropdowncus(this.state.customersList)} onChange={this.handleChange} name="selectCustomer" placeholder='Select Customer' />

Answer 2

Всегда старайтесь сначала вызывать функции в анонимной функции.Попробуйте вызвать onChange = {this.handleChange} в своем выпадающем классе с помощью onChange = {() => this.handleChange}