Redex-Form-Createパスワードフィールドに»retype«

Question

を追加しました。私はreduxフォームを作成していますが、パスワードフィールドの隣に表示される "Retype Password"フィールドを作成したいと思います。

const renderRow = (field) => { 
    return (
    <div className={`form-row ${field.type}`}> 
     <label>{field.label}</label> 
     <Field field={field} component={renderPassword} name={field.name} /> 
    </div> 
); 
} 


const renderPassword = ({field, input, meta: { error, touched }}) => { 
    return (
    <div className="password-inputs-wrap"> 
     <input type="password" {...input} /> 
     <input type="password" {...input} name="password-retype" /> 
     {touched && error && <RenderError error={error} />} 
    </div> 
); 
} 

今、この2つのパスワードフィールドをレンダリングしますが、1を変更すると、同時に他を変更します。私はこのコードを持っています。

renderRowは、このフィールドのコンポーネントがここに示すようにハードコードされていないため、ここでは少し簡略化されています。したがって、このパスワードフィールドは2つの<input>で構成されているため、例外です。単一の<input>/<select />などで構成される他のすべてのフィールドについては、正常に動作します。

«この再入力<input>を最初のものからデカップルするにはどうすればよいですか？

Answer 1

2つのフィールド（2つのField）が必要です。