小编cpt*_*brt的帖子

Formik 中的初始值未显示

我创建了一个单独的组件,它将在其中渲染一张带有表单的卡片。我使用 Formik API 来处理它。这是我的代码。


function ParentComponent(){
    return (
        <View>
            <ChildComponent someDataFromApi={details}/>
        </View
    )
}
Run Code Online (Sandbox Code Playgroud)
import { Formik } from "formik";
import * as Yup from "yup";

function ChildComponent(){
const someSchema={
    firstName: Yup.string().required().label("First Name"),
    lastName: Yup.string().required().label("Last Name"),
}
return (
   <Formik
       initialValues={first_name: details.first_name, last_name: details.last_name, }
       validationSchema={someSchema}
       onSubmit={(values) => console.log(values)}
   >
       <Field label={"First Name"} name="firstName">
       <Field label={"Last Name"} name="lastName">
   </Formik>
}
Run Code Online (Sandbox Code Playgroud)

我不知道为什么它不显示字段的初始值,我尝试控制台记录它,它返回正确的值意味着它已经捕获了初始值的数据,只是没有在字段中显示它。

forms reactjs react-native yup formik

5
推荐指数
1
解决办法
8171
查看次数

标签 统计

formik ×1

forms ×1

react-native ×1

reactjs ×1

yup ×1