Question

React Formik 无法设置未定义的属性“props”

2018-03-30

1649

reactjs formik

我正尝试按照 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>

)

我正在下面进行设置，但我一直收到“无法设置 house_name 的未定义属性‘props’”的错误信息。我意识到我需要在某个地方声明 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)