Reactjs React select set初始值与Redux表单

我正在尝试使用Redux表单字段为我的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 }); })}
                  />

反应选择：

handleChange = (selectedOption) => {
    const { onChange } = this.props;
    this.setState({ selectedOptionState: selectedOption });
    onChange(selectedOption.value);
  };

 <Select
        name={name}
        value={selectedOptionState}
        onChange={this.handleChange}
        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',
          },
        })}
      />

handleChange=（selectedOption）=>{
const{onChange}=this.props；
this.setState（{selectedOptionState:selectedOption}）；
onChange（selectedOption.value）；
};
({
主题
边界半径：0，
颜色：{
…主题。颜色，
主要：“#70bbfd”，
},
})}
/>

使用redux form initialize，我尝试为react select分配第一个值，但这似乎不值得。你能帮我吗？

我解决了这个问题

反应选择：

<Select
        name={name}
        value={(value === '') ? null : options.find(obj => obj.value === value)}
        onChange={this.handleChange}
        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',
          },
        })}
      />

obj.value==value）}
onChange={this.handleChange}
styles={customStyles}
选项={options}
可清除={false}
className=“反应选择”
占位符={占位符}
isDisabled={isDisabled}
classNamePrefix=“反应选择”
主题={（主题）=>({
主题
边界半径：0，
颜色：{
…主题。颜色，
主要：“#70bbfd”，
},
})}
/>

我解决了这个问题

反应选择：

<Select
        name={name}
        value={(value === '') ? null : options.find(obj => obj.value === value)}
        onChange={this.handleChange}
        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',
          },
        })}
      />

obj.value==value）}
onChange={this.handleChange}
styles={customStyles}
选项={options}
可清除={false}
className=“反应选择”
占位符={占位符}
isDisabled={isDisabled}
classNamePrefix=“反应选择”
主题={（主题）=>({
主题
边界半径：0，
颜色：{
…主题。颜色，
主要：“#70bbfd”，
},
})}
/>