redux-form - フィールド 1 が変更されたときにフィールド 2 の値を変更する Redux-form

Question

私が必要とするのは簡単なことです。国を選択すると、電話プレフィックス フィールド値を設定する必要があります。私はreact-selectをコンポーネントとして渡す2つのフィールドを持つredux-formを持っています。

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>
)};