javascript - 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');

它与 lodash 中的 get 函数基本相同，记录在这里: https://lodash.com/docs/#get