问题标签 [react-forms]

这是我的选择表格：

当我单击时，我希望打开上面的选择表单的按钮：

以上两个组件都在我的 AddToCart 子组件中。这是父组件中按钮单击处理程序的片段，我试图在其中打开选择表单：

似乎正确创建了 ref，因为我正在{current: form}登录到控制台并且单击正在工作，因为我也正在“单击”登录到控制台。但是选择表格没有打开！

起初我尝试在我的选择元素而不是表单中使用 ref，但是当我单击按钮时，它给了我一个错误，说函数 click 不存在所以我将 ref 移动到包含它的表单元素，现在我是没有得到那个错误，但它仍然没有打开。

我已经尝试过this.skuSelectRef.current.focus()，this.skuSelectRef.current.select()也无济于事。

有任何想法吗？

我创建了一个表单并将数据保存到本地的 json 文件中。除了具有多个选择和多个复选框的问题之外，我可以保存所有数据。它只保存最后选择的一个。我正在尝试在 React Hook 中编写一个 switch 语句，以帮助保存提交的表单。我不断收到错误“无法识别未定义的类型”。我是新来的反应，不知道从这里做什么。

这是在我的钩子文件夹中：

这是我的组件文件夹中的回调：

jquery 在控制台中工作以提取正确的数组。

这是组件：

这是在我的输入文件夹中：

我将输入数据发布到 API，其中 API 的结构作为具有 n 个对象的数组列表。

问题：我面临的问题是在处理更改时，我正在替换数据而不是作为另一个对象插入。

我的代码如下：

列表中的对象是动态的，不限于两个

在构造函数->

处理变更如下：

处理提交：

表单字段如下：

我知道错误是在处理逻辑，但我尝试了很多来纠正。请帮帮我。

编辑：预期输出：

这是学生详细信息的动态表单，可以使用“ + ”和“ X ”按钮添加或删除新的学生字段。（即，学生字段的数量由用户决定）。在这里，App => 父组件 & StudentsFormElement => 子组件。

问题：点击任何“ X ”按钮时，只会删除最后一个学生字段（在 DOM 中），而不是应该删除的那个。但最重要的是，父组件状态正确更改，并从中删除了正确的学生详细信息。此状态更改未反映在 DOM 中。

代码沙盒： https ://codesandbox.io/s/peaceful-spence-1j3nv?fontsize=14&hidenavigation=1&theme=dark

应用组件：

StudentFormElement 组件：

我尝试过的事情：我在处理onStudentsChange()中的“X”按钮后尝试了 this.forceUpdate()，但它没有任何区别。

再次，codesandbox： https ://codesandbox.io/s/peaceful-spence-1j3nv?fontsize=14&hidenavigation=1&theme=dark

我正在尝试构建一个注册表单，我已经构建了登录表单并且它工作得很好，但是注册表单很差。

• 首先，我使用这些react-dev工具检查正在发生的事情，我意识到input来自注册表单的每个值都恰好位于array.

• 我回到登录表单进行检查，发现input字段的值格式正确（strings）。但是注册表单中每个特定input字段的值都在. 我可能做错了什么？array

• 我试图在注册表单中复制我在登录表单中所做的操作，但它仍然以. 还有，应该保存在自己的单独文件中吗？arrayhooks

这是我从注册表react-dev工具中看到的。

这是我所做的代码片段。

那是负责处理注册的文件。

这是自定义组件

谢谢你。

当用户更改输入值时，光标会移动到输入的最后。

我最初认为这是由onChange回调引起的，但它与问题无关。

我不确定还有什么导致这个问题。有任何想法吗？

SkuInput.js

index.js

我正在尝试显示用户在申请时可以选择的时间段。有时会有相当多的插槽。

问题是我目前正在使用单选按钮和 ModelChoiceField。

我在下面附上了我目前拥有的图片。

我不确定是否需要使用 React 或其他前端框架。我想要的是以一种方式显示单选按钮，这不仅仅是一个巨大的列表，而是一个较短的列表配对成组。

我曾想过使用 CSS 来隐藏一些时间。也许每个小时都有一个复选框，可以在该小时内显示和隐藏单选按钮（大多数插槽是 5 分钟），但我在尝试使用 ModelChoiceField 过滤和呈现表单时遇到了困难。

我的 ModelForm 类的价值：

我的观点实际上只是将 Show 对象作为参数传递给表单。类似的东西ApplicationForm(Show.objects.get(pk=show_id))。

如果有帮助，请提供有关模型的一些背景知识。有一个显示模型。然后是 2 个模型：Slot 和 Application，它们都有一个 show fk。Slot 也有一个应用程序外键。表单的目标（可行）是创建一个应用程序对象，并将应用程序添加到可用的 Slot 对象中。

我是反应的初学者。我正在使用钩子处理带有表单的反应功能组件。谁能告诉我如何在电子邮件文本无效或为空时对其应用验证，如果表单无效则禁用继续按钮。

我正在尝试使用 React 制作记事本。我想在文本区域输入文本并保存。当页面重新打开时，我希望保存的文本保留在文本区域中。

我正在尝试使用 react-hook-form 但我被困在 useEffect 函数中。我想在 useEffect 函数中设置 textarea

但是这条线给了我一个错误。

反正有没有代替声明？

下面是我的代码：

我正在尝试做一个简单的表单任务来尝试学习 React Forms，但我很难理解它的语法。

当我尝试以下代码时，它没有问题：

但是，当我尝试清理它以使返回中没有逻辑时，在定义我的 handleChange 方法时出现错误。

有人可以解释为什么这样做不起作用吗？我得到的错误是 React 在 handleChange(e)... 之后不期望 { 括号...所以控制台错误消息在试图弄清楚为什么它不接受它时是没有用的。

谢谢！