У меня проблема с использованием ответного выбора. Я использую избыточность и свойство onMenuOpen, чтобы завершить выбор данных. Я хорошо держу выбранный ID. Но проблема в том, что мое раскрывающееся меню не показывает мне значение по умолчанию, как я хочу. Что я делаю неправильно? Вот код: это код:
Form Componente
const { latitude, longitude, zone_id } = this.props.zonePointData;
<MySelect
disabled={readOnly}
label="Zone"
placeholder="Select zone..."
value={zone_id || ''}
activeObject="zone"
targetField="zone_id"
/>
class MySelect extends Component {
handleMenuOpen = () => {
const activeObject = this.props.activeObject
const limit = 7
this.props.fetchObjectsBelongsToWithLimit(activeObject,
limit);
};
handleFetchObjects = () => {
return this.props.objectsBelongsTo.map(object => ({
key: object.id,
value: object.id,
label: object.name
}));
};
handleChangeSelect = selectedOption => {
const targetField = this.props.targetField
const targetValue = selectedOption.value
this.props.updateCurrentUserFieldsOnChange(targetField,
targetValue);
};
render() {
return (
<Select
disabled={this.props.disabled}
label={this.props.label}
placeholder={this.props.placeholder}
value={this.props.value}
onChange={this.handleChangeSelect}
options={this.handleFetchObjects()}
onMenuOpen={this.handleMenuOpen}
/>
);
}
}
const mapStateToProps = state => {
return {
objectsBelongsTo: state.fieldSearchSelect.objectsBelongsTo,
};
};