问使用Formik错误响应表单:列表中的每个子表都应该有一个唯一的“键”支柱

EN

<Formik...>
            {({values}) => (
                <FieldArray name={"authors"}>{({push, remove}) => (
                    <Form onSubmit={handleSubmit}>
                        {values.authors.map((author, index) => (
                            <PropertySubmissionFields author={author} index={index}/>
                        ))}

                    </Form>
                )}
                </FieldArray>)}
        </Formik>

return <Form.Row key={index}>
<Form.Group as={Col} controlId="formGridName">
    <Form.Label>Prénom</Form.Label>
    <Form.Control
        name={`authors[${index}].name`}

    />
    <ErrorMessage name={`authors[${index}].name`}>
        {msg => <div className="error-message">{msg}</div>}
    </ErrorMessage>
</Form.Group>
<Form.Group as={Col} controlId="formGridSurname">
    <Form.Label>Nom</Form.Label>
    <Form.Control
        name={`authors[${index}].surname`}
        value={author.surname}
    />
    {author.surname !== 'null' && <ErrorMessage name={`authors[${index}].surname`}>
        {msg => <div className="error-message">{msg}</div>}
    </ErrorMessage>}
</Form.Group>
<Form.Group>
    <br/>
    <Button as={Col} className="mt-2 ml-1" type="button"
            onClick={() => {
                alert("remove");
            }}>
        X
    </Button>
</Form.Group>
</Form.Row>