getIn 与 Formik 的作用是什么？

Question

getIn在这里的作用究竟是什么？它是否只是从定义的字段中读取和分配值？

{fileds.map(({ formikRef, ...input }) => (
    <TextField
       key={formikRef}
       helperText={
       getIn(formik.touched, formikRef)
                    ? getIn(formik.errors, formikRef)
                    : ''
                }
       value={getIn(formik.values, formikRef)}
      {...input}
      variant="outlined"
      margin="normal"
    />
))}

Answer 1

getIn是 Formik 中包含的实用函数。您可以使用它通过使用对象的路径从对象中提取深度嵌套的值。路径使用点语法表示来访问对象属性，使用方括号来访问数组。

例如：

var exampleFormValues = {
  people: [
    {
      name: 'Alice',
      contactDetails: {
        email: 'alice@example.com',
        mobilePhone: '07123 456789'
      }
    },
    {
      name: 'Bob',
      contactDetails: {
        email: 'bob@example.com',
        mobilePhone: '07999 999999'
      }
    },
  ]
};

// this will return 'alice@example.com'
var emailOfFirstPerson = getIn(exampleFormValues, 'people[0].contactDetails.email');

它get与 lodash的函数基本相同，记录在此处：https ://lodash.com/docs/#get