我正在尝试为我正在处理的一个项目做一个编辑页面，我似乎不能让表单使用来自我的API的初始值来填充。我希望在我从REST API获取数据后，它会被设置为我的表单字段的initialValues，然而，看起来并没有发生这种情况。我可以做什么来实现我的目标，即根据从API获得的值预先填充我的表单字段？<Formik initialValues={data}
浏览 20提问于2020-06-05得票数 3
2回答
在我的React游戏中，我使用一个名为Formik的React库作为表单。在它中，您设置了如下形式的初始值： initialValues={{ race: "Elf", age:
浏览 4提问于2020-07-17得票数 5
回答已采纳
2回答
我正在使用react native中的一个功能组件，我希望以Formik的初始状态存储图像URI。我正在获取_pickimage函数中的Image URI，但我被困在如何将其传递到Formik的初始状态中。 如何将URI值设置为初始状态。和 是否有一种方法可以将其他自定义值从函数状态存储到Formik初始状态？import React, { useState }
浏览 50提问于2020-04-27得票数 5
然而，我面临的问题是，我想在整个组件树中模仿React中的FlaskLogin current_user的行为。为此，我决定使用React上下文api。function exception() { });
} 我可以在整个应用程序中获取更新后的上下文这对于“ProfilePicture”组件非常有效，因为它捕获了正确的状态，但不适用于使用Formik</em
浏览 19提问于2019-03-28得票数 8
1回答
我使用Formik在函数组件ReactJS上创建了简单的表单。当组件挂载时，我的表单应该从API获取数据。为此，我使用fetch和useEffect。拉取完成后，会从接口中获取数据，但直到触发formik.handleChange时才会填充。如果尝试在任何输入字段中指定某些内容，则会触发formik.handleChange，并且所有字段都会立即填充来自该接口的数据(在我的示例中，
浏览 11提问于2021-01-18得票数 0
回答已采纳
我正在使用react中的map函数创建Formik表单，但我也希望填充来自状态的初始数据。我可以通过设置初始值(如下面的代码)以静态形式来实现 initialValues={{
firstName: Data.firstName
浏览 3提问于2019-12-07得票数 0
回答已采纳
我正在添加带有类型记录的formik并对我的项目做出反应，所以我使用withFormik钩子作为临时工具，我面临的问题是我无法为从api获得的响应设置初始值(在HOC中定义)。login.tsxexport interface FormValues {}
exportconst Login: React.FC<FormikProp
浏览 1提问于2021-09-11得票数 1
回答已采纳
1回答
无法使用并将数据发送到api
、、、、
我试图使用获取和突变发布formik表单数据。我已经使用neo4j图形库和阿波罗服务器创建了我的API，现在我想使用react作为前端将数据发布到API中。 onChange={formik.handleChange} />
id="age
浏览 8提问于2022-07-13得票数 0
我有来自@material/core的这个TextField的Formik表单： autoFocus name='name' touched={touched.name}/>
当表单第一次加载时，当initialValues设置为空
浏览 5提问于2020-02-01得票数 6
回答已采纳
我刚开始使用React、Formik和Axios，不确定如何从数据库调用中设置表单的初始值。我已经尝试了下面的代码片段，但没有成功。我在网上找不到任何关于如何做到这一点的打字示例。getInitialValues() { const response = await axios.get('http://localhost:53132/apiInitialValues;
浏览 14提问于2020-01-30得票数 1
回答已采纳
2回答
我发现了一个非常奇怪的错误:如果我在构造函数中使用虚拟数据初始化我的状态，它就能正常工作；但是如果我用componentDidMount中完全相同的数据调用componentDidMount来模拟API具体来说，我发现状态变量alertVehicles数组可以有非零长度，但是对应的Formik values.alertVehicles变量可以是空的。现在，书面形式的表单不呈现复选框。import React, {Component} from 'rea
浏览 0提问于2019-05-21得票数 32
回答已采纳
如何填充React Formik窗体？例如，要编辑记录，请先将现有数据填充到字段中。. this.username = ...this.email = ... return(
<Formik initialValues={{ username: this.username, email:那么如何填充Formik表单呢？
浏览 0提问于2019-07-23得票数 4
我有一个自定义事件处理程序(当单击按钮时)，它根据下拉选择在嵌套数组中注入数据。事件处理程序添加数据后，表单不会正确更新。对表单的任何其他输入调用任何其他事件处理程序都将触发表单更新。数据设置正确，但表单在初始onClick事件后不能正确更新(参见代码) 我设置了enableReinitialize https://codesandbox.io/s/updateissue-fy72himport { useEff
浏览 26提问于2021-01-26得票数 2
回答已采纳
我很难理解Formik和它是如何管理状态的。我的应用程序中有多个组件，它们都有表单。这些表格有很多重叠的目的。当我在一个组件中获得值时，我希望其他组件也能够访问这些值。我考虑过对每个值都使用useState或useReducer，但是我已经读了一些，并发现Formik自己管理状态？因此，我在这里的问题是访问不同组件中某个组件中“initialValues”中的值？import { Formik, Field, Form, ErrorMessage } from 'formik';
import * as
浏览 0提问于2020-03-13得票数 2
我正在将字段值设置为DataBase中的当前值。所有字段都根据需要填充最新值。import React,{useState} from 'react'
import { StyleSheet, Text, View,TextInput,Button, SafeAreaView } from 'react-native'
浏览 5提问于2021-06-04得票数 0
我正在试图找到一种方法，以清除此表单提交，没有任何我尝试过的帮助。如果你能洞察我做错了什么，我将不胜感激！import React from "react";import axios from "axios";
constForm =
浏览 20提问于2019-11-18得票数 0
回答已采纳
3回答
我根据select输入的变化动态地从API调用获取输入，但是当我试图添加Formik的初始值时，它总是会给我一个错误.如果我将enableReinitialize={true}设置为Formik，也于事无补。我在这里做错什么了..。
浏览 9提问于2019-10-02得票数 12
回答已采纳
我正在使用Formik在我的应用程序中处理表单。使用useRef，我成功地在Formik外部调用了Formik props。> props.history.push(`users/${userId}/update`);
浏览 0提问于2019-10-28得票数 0
我有一个问题，在更新输入值后，获取值形式，外部API的formik形式在反应。我正确地从API和值集获得输入字段的值。但是我的问题是，每当我想要改变输入中的值时，什么都不会发生，值也不会更新。
浏览 1提问于2022-04-17得票数 0
我有一个包含Formik表单的组件。它有一个包含从初始GET请求获得的数据列表的表和一个封装在formik表单中的搜索表单，该表单允许用户过滤数据。一旦填写了搜索表单，用户必须单击filter执行另一个GET请求，然后该请求将替换表中的数据。} from 'react-query';
interface ITransac
浏览 4提问于2022-05-03得票数 0
回答已采纳
云服务器
ICP备案
云直播
即时通信 IM
实时音视频
腾讯云开发者
