Redux-Form中的FieldArray手风琴

时间:2019-03-26 20:05:27

标签: accordion redux-form

正如我们在创建多个成员时在FieldArray的示例中所看到的,如下面的链接所示,我们可以在手风琴中创建那些成员吗?

https://codesandbox.io/s/Ww4QG1Wx

每当单击“添加成员”时,在开放式手风琴中创建“成员字段数组”,而先前创建的“成员”应在封闭式手风琴中。

任何帮助,建议或可行的例子都是有帮助的。

谢谢

const FieldArraysForm = props => {
  const { handleSubmit, pristine, reset, submitting } = props;
  return (
    <form onSubmit={handleSubmit}>
      <Field
        name="clubName"
        type="text"
        component={renderField}
        label="Club Name"
      />
      <FieldArray name="members" component={renderMembers} />
       /**
        Some code implementation need to be done renderMembers 
       /**
      <div>
        <button type="submit" disabled={submitting}>Submit</button>
        <button type="button" disabled={pristine || submitting} onClick={reset}>
          Clear Values
        </button>
      </div>
    </form>
  );
};

0 个答案:

没有答案