formik connect props扩展了缺少的属性

文章/答案/技术大牛

发布

1回答

reactjs、typescript、types、extends、formik

寻找一种方法来避免在使用connect()时在我的Props中写下formik的所有25++属性。我想使用整个formik对象或其中的values，如下所示： const MyComponent = ({ entry, values }: Props) => { //...& FormikProps<FormikValues>) => { 我不想让formik<em

浏览 19提问于2019-09-26得票数 1

回答已采纳

2回答

我刚接触react-native和formik，我遇到了这个问题，我正在尝试建立。如何使用Formik在headerRight中触发函数？我有一个updateCorporation函数，它会执行fire api，formik会触发这个函数，在我按下更新按钮后，结果还没有确定，我不明白为什么会这样。File_1.js const CorporationContainer = (props) => { navigation, const upda

浏览 18提问于2019-06-20得票数 4

回答已采纳

1回答

如何在Formik中将参数从一个组件传递到另一个组件？

reactjs、formik

我的Formik如下所示： validationSchema={schema} initialValues={this.state<ShowPassword /> // ---> the new component然后，我创建了另一个具有输入和密码按钮的组件，以便像这样打开/关闭它： class ShowPassw

浏览 1提问于2020-01-23得票数 2

3回答

reactjs - Formik表单不会在按回车键时触发提交

javascript、reactjs、formik

我使用Formik在React中编写了以下表单： import React, { FunctionComponent } from 'react';import SimpleInput from '.field'), .min(8)});

浏览 28提问于2019-01-24得票数 12

回答已采纳

1回答

使用Formik将多个组件合并为一个值

reactjs、formik

我尝试用Formik的connect包装并使用setFieldValue和setFieldError，但在编辑该表单中的另一个组件后，错误消失了。我如何才能解决它的错误保持不变。正如我所看到的，这个行为是known。(date); formik.setFieldError(this

浏览 2提问于2019-03-01得票数 2

回答已采纳

1回答

如何将React NumberFormat包与Formik结合使用？

javascript、reactjs、number-formatting、formik

我有一个Formik Field，我想和React NumberFormat npm包一起使用。这是我在Formik中的FormGroup： //...Other code initialValues={this.state.diamondPurchaseGstDetails</FormGroup>&#

浏览 19提问于2020-11-26得票数 0

回答已采纳

2回答

withFormik，将函数作为道具传递

reactjs、forms、formik

我正在使用Formik构建一个用户输入表单。我正在使用withFormik处理我的表单。我目前在我的组件中传递我的handleSubmit，如下所示： export const CreateForm = withFormik({ setSubmitting(false); } })(MyForm); 我

浏览 17提问于2019-06-24得票数 2

回答已采纳

1回答

如何在Formik中按类型添加强类型字段？

reactjs、typescript、formik

我试图通过类型记录添加Formik react库中的强类型，但我没有这样做。当然，我使用了这个链接，但我无法解决我的问题。我从代码(})(ActivityForm)的这一部分得到了这个错误；)：类型'(props: IProps) =>元素‘的=>参数’不能分配给'CompositeComponent & FormikState属性'propTypes‘的类型是不兼容的。属性

浏览 1提问于2019-11-26得票数 4

回答已采纳

1回答

TypeError:架构[同步？'validateSync‘：'validate']不是函数

javascript、reactjs、typescript、formik、yup

我正在尝试使用Formik和Yup验证一个材料ui表单，但我得到了一个错误。这是我从另一个文件导入的模式。'validateSync' : 'validate']' is undefined) 早些时候，我使用的是<Formik>。在这种情况下，验证是在我打字时完成的，例如，如果我写了'hfs‘，它会在我打字时立即告诉我无效的电子邮件。然而，对于useFormik (访问下面的答案)，只有在我提交表单后，它才会显示

浏览 29提问于2020-04-07得票数 1

回答已采纳

1回答

如何重写此表单以使Formik与钩子一起工作？

reactjs、react-hooks、formik

下面是一个使用Formik设计的表单示例。当Field在表单中时，我在尝试从下一个导出时得到以下错误：import { connect } from "react-redux";import TextInput from "../utils/updateNameForUser&quo

浏览 8提问于2020-04-19得票数 0

回答已采纳

2回答

如何在formik中使用material UI复选框？

reactjs、checkbox、material-ui、formik

我不能以正确的方式编码，以至于formik.values会反映到Material UI的复选框中

浏览 6提问于2021-11-30得票数 1

3回答

如何将简单Formik表单与Redux存储和分派操作连接起来？

javascript、reactjs、redux、react-redux、formik

是不是我使用connect的方式不对？import { connect } from 'react-redux'; 我

浏览 5提问于2017-11-22得票数 9

回答已采纳

2回答

具有类组件表单的自定义字段

reactjs、formik

我使用Formik作为库来处理我的表单值。我正在尝试使用一个自定义组件作为Field，我的父组件如下所示： <Formik onSubmit={(values) => {> 我的自定义组件是类组件，而不是函数组件。文档(https://jaredpalmer.com/formik/docs/api/field)告诉我可以作为函数组件实现，但不能作为类组件实现。任何帮助都将

浏览 22提问于2019-05-04得票数 1

1回答

是否可以访问<字段validate>中的Formik props

reactjs、formik

第二个字段应该是自动填充的第一个字段的输入是有效的。为了填充第二个字段，我需要访问formik的帮助器方法，我们通常在<Field>中使用这些方法。与formik相关的代码部分： const validateRoutingNumber = (value: string) => {} &

浏览 0提问于2020-12-11得票数 0

回答已采纳

1回答

表单字段中物料UI组件的InitialValues不显示在AutoComplete中

javascript、reactjs、material-ui、formik

我在从Formik Field中使用的Material UI库的AutoComplete组件中呈现initialValues时遇到了问题。作为initial传递的值不会呈现在组件中，尽管如果表单已提交，则它们会在values变量中传递。我也在使用material-ui-formik-components库，如果这很重要的话。下面显示的代码说明了这个问题。import React from "react"; import { Formik, Form

浏览 19提问于2020-04-10得票数 3

回答已采纳

1回答

如何重置文本字段对Formik的反应？

reactjs、formik

我有一个与Redux一起工作的容器组件，其中我确定了文本字段的状态，并将它抛到使用Formik的form组件中。我该怎么解决这个问题？我在Formik上见过很多关于resetForm()的情况，但我无法使用它export const TaskInput = ({ value, onChange, onAdd> )

浏览 5提问于2022-09-09得票数 0

2回答

formik render props已被弃用，并将在未来版本中弃用

reactjs、formik

我刚刚开始使用formik，我正在使用旧的代码库来编写一些代码。使用下面的代码，我得到了这个错误： <Formik initialValues

浏览 18提问于2020-08-21得票数 0

1回答

Formik窗体值在react本机中不使用ComponentDidUpdate()更新

forms、api、react-native、fetch、formik

我在react中使用formik表单--本机带有redux。我有一个带有formik表单的主页--有两个输入，pickup location and dropoff location，OnPress --我正在调用redux，它是post方法API，它工作得很好，但是在下一页上，我把输入放在了这样的输入上，这样vistor就可以改变dropoff location and pickup location。这就像更改设置，我现在用ComponentDidUpdate()更新它，但它不是更新formi

浏览 1提问于2019-05-09得票数 1

1回答

无法在"React.js“中使用Formik实现双向绑定

reactjs

类FruitShop扩展了组件{构造函数(Props){ super(props) this.state ={ jobDetailsList：[]，fruitTitle：( this.props.location.state} showFruitListDetails(fruitList) { this.setState({ fruitDetailsList: fruitList，})；} render() {返回( <Formik(水果名称))( ( ) } />

浏览 5提问于2019-10-03得票数 0

回答已采纳

1回答

如何在Formik中正确使用formik* ErrorMessage，使用渲染属性和设计库输入？*

javascript、reactjs、formik

我想要触发formik错误，并在输入被单击并且值不正确时被触摸。我将formik属性传递给input组件，如下所示： const initialValues = {}; </Form> }

浏览 15提问于2020-08-27得票数 0

回答已采纳

点击加载更多