reactjs - React Formik无法设置未定义的属性'props'

Question

我正在尝试按照Andrew Mead的Formik 迷你课程在 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>

)

我在下面设置它，但我不断收到“无法设置未定义的属性'props'”作为family_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)