问Formik javascript语法
EN

Stack Overflow用户

提问于 2018-12-15 18:17:44

回答 1查看 162关注 0票数 0

在使用Formik时，我很难理解通常使用的一些语法。我认为很多人从反应和形式开始就有这样的问题。请看一下下面的代码：

export default Formik({
  mapPropsToValues: (props) => ({ 
    email: props.user.email,
    username: props.user.username,
    imaginaryThingId: props.user.imaginaryThingId,
  }),

  validationSchema: Yup.object().shape({
    email: Yup.string().email('Invalid email address').required('Email is required!'),
    username: Yup.string().required('This man needs a username'),
  }),

  handleSubmit: (values, { setSubmitting }) => {
    setTimeout(() => {
      // submit them do the server. do whatever you like!
      alert(JSON.stringify(values, null, 2));
      setSubmitting(false);
    }, 1000);
  },
})(UserForm);

问题1：export default Formik({})是做什么的？这是函数定义吗？

问题2：validationSchema: Yup.object()，这是什么？在对象定义之外使用冒号！？

问题3:代码的哪一部分首先执行？

javascript

reactjs

formik

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-12-16 04:52:30

我建议您先花一些时间来熟悉JavaScript，因为这些问题并不是针对反应或Fromik的。本质上，withFormik(options)返回一个函数，该函数以React组件作为输入，并返回内部管理表单状态的增强组件。以下基本上就是你上面写的，应该回答你的问题的方式。

const UserForm = /* base form component */
const mapPropsToValues = /* props mapper */
const validationSchema = /* validation schema */
const handleSubmit = /* submit handler */
const formikOptions = { mapPropsToValues, validationSchema, handleSubmit }
const EnhancedUserForm = withFormik(formikOptions)(UserForm)

export default EnhancedUserForm

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/53795969

复制

相似问题

问Formik javascript语法
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Formik javascript语法EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Formik javascript语法
EN