问题标签 [react-forms]

我有一个基本组件<form>

BaseForm.tsx

和 PageOne.tsx

同样的 PageTwo.tsx

现在，在 PageOneprops中，我们应该添加什么类型？

我试过PageOne({ formik }: FormikProps<PageOneForm>)但没有工作。

当我们单击下一个表单的后退按钮时，我想保持前一个表单的表单值。

所以实际上，我将所有表单值存储在一个名为 InstructionData 的状态中，唯一的问题是在我们单击后退按钮时调用的函数中。我不想使用历史记录，因为我不想将其导航到另一条路线，这就是为什么我在调用后退按钮时调用操作来设置屏幕的原因。

现在，问题出现了，如何将所有这些东西放入一个函数中所以 onBackButtonClick 是单击后退按钮时将调用的函数， InstructionData 存储数据。我需要把这个指令数据放在初始表单值中

onBackButtonClick = (InstructionData) => {

？？？

}

我需要有关该功能的帮助。谢谢

问题：上面的代码没有将daoConfig.test值放在 html 的输入字段中。

如果我做

他们都打印正确的值。

在上面提到的代码中，这里的 FormInput 是从 StyledInput 定制的。

显示无效消息后，当我尝试在输入字段中输入内容时，第一个字符未写入字段，但它正在清除第二个字符写入字段的无效错误消息。有什么问题如何解决它谁能帮我解决这个问题？

我想知道如何使用 React、Redux 和 API 对表单进行更新。我想为我的组件添加一个条件。就像页面处于编辑模式一样，我想将页面更改为编辑模式，如果不是，则正常渲染页面。

我希望用户能够进行更新并将这些更改保存到后端。

我正在注册以创建个人资料。输入值后，单击提交时出现此错误

profile.js

CreateProfile.js

在此之前的一切工作正常。我能够登录，检查用户是否有个人资料，但是这个错误：未处理的拒绝（TypeError）：无法读取未定义的属性“数据”我检查了很多来源，但我找不到问题所在。

我的项目沙盒链接

我想知道为什么loginPassword.length以及loginPasswordError内外不同loginFormPasswordHandler

我知道useState当状态改变时会重新运行整个代码。但我无法理解这种行为。我不确定这是 Javascript 属性还是 React 属性。

我有 2 个用<Controller/>下拉菜单控制，它们使用相同的数据进行初始化。

它们中的每一个都在不同的路由/渲染组件上

问题是，当我切换路由并且<Controller/>与下拉菜单相同（但在不同的路由/渲染组件上）渲染时，formState会变得脏（即使我没有更改下拉菜单中的值）并且您可以看到dirtyFields数组有脏元素。

如果值相同/没有变化，如何防止表单变脏？

其中一个选项是reset(undefined, { dirtyFields: false })在安装时使用，但它在路线之间切换时会显着影响性能，因此不适合。

这是两个地方的 Controller & Dropdown 的代码

我在这里有一种情况，我创建了一个可重用的组件，该组件负责创建输入字段和标签。我想在整个过程中使用此组件来构建一个完整的表单，该表单具有单行和两列（使用此自定义输入字段）

我使用以下代码

这里 Form.jsx 使用 GridRow.jsx 作为组件，它有一个子组件 inputfield.jsx 我希望两列在同一行中不同。

我得到以下输出

以下是所需的输出。我怎样才能得到这个输出

如图所示，第一行是

我想有一个表格，我有这样的嵌套字段。

我可以为测验动态附加输入但是我遇到了 answer_choices 问题，我想为选项添加一个字段，当我输入选项时，它应该将其推送到 answer_choices 并且我希望能够删除选项也是。当我单击添加选择按钮时，它应该能够添加一个字段供我输入选择，并自动将其附加到我的答案 - 选择

这就是我处理输入的内容。

这就是我正在渲染的