javascript - Dynamically add fields to Formik form

Question

I need a way to add fields to a Formik form in a for loop. I've read the documentation for the FieldArray component, but I don't really understand how to use it. This is my current code:

function generate(values) {
        for (let i = 0; i < 10; i++) {
            values.test.push({
                hello: "world"
            })
        }
    }

    return (
        <div>
            <Formik initialValues={{test: []}}/>
            {(values)=>(
                <Form>
                    <FieldArray>
                        {()=>generate(values)}
                        <p>{JSON.stringify(values)}</p>
                    </FieldArray>
                </Form>
            )}
        </div>
    )

At the moment, it just shows an empty page. Not even an error message.

Answer 1

等待大神解答