Я пытаюсь установить начальное значение для моего тега Select, используя поле формы Redux.
Редукс Поле:
<Field
name = "statusDto.pkid"
component = {renderSelectField}
type = "text"
isHidden = "true"
placeholder = "Select Status"
options = {userRegistrationStatus && userRegistrationStatus.map((values) => { return ({ value: values.pkid, label: i18next.languages[0] === 'en' ? values.enName : values.trName }); })}
/>
Редукционная форма:
UserRegistrationForm = reduxForm({
validate,
form: 'User_Registration_Form', // a unique identifier for this form
enableReinitialize: true,
})(UserRegistrationForm));
Реагировать Выберите:
handleChangeEvent = (selectedOption) => {
const { onChange } = this.props;
this.setState({ selectedOptionState: selectedOption });
onChange(selectedOption.value);
};
<Select
name = {name}
value = {selectedOptionState}
onChange = {this.handleChangeEvent}
styles = {customStyles}
options = {options}
clearable = {false}
className = "react-select"
placeholder = {placeholder}
isDisabled = {isDisabled}
classNamePrefix = "react-select"
theme = {(theme) => ({
...theme,
borderRadius: 0,
colors: {
...theme.colors,
primary: '#70bbfd',
},
})}
/>
Используя инициализацию избыточной формы, я пытаюсь присвоить первое значение для реакции-выбора, но, похоже, оно того не стоит. Вы можете помочь мне?
Я решил проблему.
Реагировать Выберите:
<Select
name = {name}
value = {(value === '') ? null : options.find(obj => obj.value === value)}
onChange = {this.handleChangeEvent}
styles = {customStyles}
options = {options}
clearable = {false}
className = "react-select"
placeholder = {placeholder}
isDisabled = {isDisabled}
classNamePrefix = "react-select"
theme = {(theme) => ({
...theme,
borderRadius: 0,
colors: {
...theme.colors,
primary: '#70bbfd',
},
})}
/>