当字段1更改时,Redux-form更改字段2值

时间:2016-10-21 12:10:57

标签: redux-form react-select

我需要的是一件简单的事情。如果我选择国家/地区,则应设置电话前缀字段值。 我有带有2个字段的redux-form,其中我将react-select作为组件传递。

const BasicForm = props => {
const { error, handleSubmit, pristine, reset, submitting, countries, phonePrefixes } = props;
return (
        <div className="form step1">
            <form onSubmit={handleSubmit}>
                <Field
                    name="country"
                    className="form-control"
                    component={selectInput}
                    options={countries}
                    placeholder="Country"
                />
                <Field
                    name="phonePrefix"
                    className="form-control"
                    component={selectInput}
                    options={phonePrefixes}
                    placeholder="Prefix"
                />

                <button type="submit" disabled={submitting}>REGISTER
                    <i className="fa fa-chevron-right">&nbsp;</i>
                </button>
            </form>
        </div>
)};

1 个答案:

答案 0 :(得分:0)

因为redux-form 6.8 reduxForm()装饰器支持 onChange 处理程序,该处理程序可以访问属性调度,这使您可以进行链接定制逻辑 查看更多:https://redux-form.com/6.8.0/docs/api/reduxform.md/