React - Onselect не показывает выбранное значение в выпадающем списке - PullRequest
Новая
       46

React - Onselect не показывает выбранное значение в выпадающем списке

0 голосов
/ 16 февраля 2019

Я пытаюсь отобразить выбранное значение в раскрывающемся списке.У меня есть 2 дочерних компонента и родительский компонент.Один дочерний компонент имеет раскрывающийся список, а другой отображает график на основе выбранного значения.Все работает нормально.Выбранное значение передается родительскому компоненту и другому дочернему компоненту, и график рисуется справа.Только выбранное значение не отображается в раскрывающемся списке

. Даже console.log показывает правильное выбранное значение.Чего мне не хватает. 

export default class CustomGraphComponent extends React.Component {

constructor(props) {
    super(props);
    this.state = {
        selectedOption: iconsData[0]
    };
}

handleSelect = (eventKey) => {
    this.props.onSelectOption(iconsData[eventKey]); 
    console.log(iconsData[eventKey]);
    this.setState({ selectedOption: iconsData[eventKey] });

}

render() {
    var {onSelectOption} = this.props;

    return (
        <div style={{paddingTop:20}} >
            <DropdownButton title ={this.state.selectedOption} onSelect={this.handleSelect} >
                {
                    iconsData.map((indexName, i) => {
                        return (
                            <MenuItem key={i} eventKey={i}>
                                {indexName}
                            </MenuItem>
                        );
                    })
                }
            </DropdownButton>

        </div>
    );
}
}
CustomGraphComponent.propTypes = {
    onSelectOption : PropTypes.func
}
...