新しいFieldArrayを外部のレンダリング関数からプッシュするには？

Question

ボタンをクリックするたびにFieldArrayを押すようにこのコードを書いていますが、それはrenderContract FieldArrayコンポーネント内でのみ適用されます。

const renderContact = ({ fields, meta: { error } }) => (
    <div> 
    {fields.map((contact, index) => (
     <div key={index}> 
     <div className="row form-pad"> 
      <div className="col-md-3"> 
      <span>Country Code {index + 1}:<span className="requiredField text-danger"> * </span>: </span> 
      </div> 
      <div className="col-md-7"> 
      <Field name={`${contact}.landlineCountryCode`} component={renderField}type="text"/> 
      </div> 
     </div> 
     </div> 
    ))} 
    <button className="btn btn-primary" onClick={() => fields.push({})}> 
     Add Contact 
    </button> 
    </div> 
) 

と親フォームのコンポーネントでこのようにそれをレンダリング：

<FieldArray name="contact" component={renderContact} /> 

どのように私はfieldArray外fields.push({})を使用することができますか？

EDIT：

私は無駄にこれを試してみました：

<button type="button" onClick={() => props.dispatch(arrayPush('PersonalInfoForm', 'contact', [{}]))}> Add Contact</button> 

Answer 1

あなたはFieldArray

外部から fields.push({})を達成するために formと fieldnameでアクション arrayPushを派遣することができます

import { arrayPush } from 'redux-form'; 

// ... 
dispatch(arrayPush('myForm', 'contact', {}));