reactjs - react - Cómo establecer programáticamente el valor del campo Redux-Form

redux form react native

Question

Cuando uso redux-form v7, encuentro que no hay forma de establecer el valor del campo. Ahora en mi form tengo dos componentes select , el valor del segundo será claro cuando cambie el primer valor del componente select .

en clase render:

    <div className={classNames(style.line, style.largeLine)}>
        <div className={style.lable}>site:</div>
        <div className={style.content}>
          <Field
            name="site"
            options={sites}
            clearable={false}
            component={this.renderSelectField}
            validate={[required]}
          />
        </div>
    </div>

    <div className={classNames(style.line, style.largeLine)}>
        <div className={style.lable}>net:</div>
        <div className={style.content}>
          <Field
            name="net"
            options={nets}
            clearable={false}
            component={this.renderSelectField}
            validate={[required]}
            warning={warnings.net}
          />
        </div>
    </div>

Ahora agrego el gancho de cambio de select , y cómo puedo cambiar el otro valor de select

    renderSelectField = props => {
        const {
          input,
          type,
          meta: { touched, error },
          ...others
        } = props
        const { onChange } = input
        const _onChange = value => {
          onChange(value)
          this.handleSelectChange({ value, type: input.name })
        }
        return (
          <CHSelect 
            error={touched && error}
            {...input}
            {...others}
            onChange={_onChange}
            onBlur={null}
          />
        )
    }

Answer 1

Puede tener la lógica onChange en this.handleSelectChange({ value, type: input.name }) y usar change action de redux-form

De acuerdo con los documentos:

cambio (campo: Cadena, valor: cualquiera): Función

Cambia el valor de un campo en la tienda de Redux. Este es un creador de acciones encuadernado, por lo que no devuelve nada.

Código:

handleSelectChange = (value, type) => {
     if(type === "site") {
          this.props.change(''net'', "newValue");
     }
}
const mapDispatchToProps = (dispatch) => {
   return bindActionCreators({change}, dispatch);
}