Question

我正试图在安德鲁米德的Formik mini course之后在Formik中设置一个基本表格。我的表格是：

const Household = ({
    values,
    errors,
    touched

}) => (
    <Form>
        <div>
            <Field
            type="string" name="household_name"  placeholder="Household Name" 
            />
        </div>
        <div>
            <Field
                type="string" name="name"  placeholder="Family Name" 
            />
        </div>

</Form>

）

我在下面进行设置，但我不断为“home_name”设置“无法设置未定义的属性'道具'”。我意识到我需要在某个地方声明houshold_name，但我不知道在哪里。我以为这是隐含声明的。

我该如何解决这个问题？

const FormikApp = Formik({
    mapPropsToValues({ household_name, name}) {
        return {
            household_name: household_name || "",
            name: name || ""

        }
    },
})(Household)

Answer 1

也有同样的问题。只需在Formik之前添加“ with”，它就可以工作。

const FormikApp = withFormik({
    mapPropsToValues({ household_name, name}) {
        return {
            household_name: household_name || "",
            name: name || ""

        }
    },
})(Household)

React Formik无法设置undefined的属性'props'

1 个答案: