我创建了一个单独的组件,它将在其中渲染一张带有表单的卡片。我使用 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)
我不知道为什么它不显示字段的初始值,我尝试控制台记录它,它返回正确的值意味着它已经捕获了初始值的数据,只是没有在字段中显示它。