问题标签 [react-forms]

我尝试在 React 中制作一个自定义复选框。我能够做到，但一旦我检查了它，我将无法恢复它。我从 JSON 数据中检查和未检查的值。

组件代码

JSON 对象示例

I am made a dynamic data table in React that gets all its data from a JSON file. One of the table column fields is a 'answered-status' which used to give answer status of the inquiry whether it is answered or not.

I have an 'answered' key with value either answered or unanswered in JSON. When I used that value with my checkbox. I wasn't able to switch back to the original value. Please check below sandbox link for more detail. I use the Bootstrap 4 custom checkbox.

https://p7h9x.csb.app/

这是我的代码。当我在第 1 部分中使用函数时，它在控制台上什么也没有显示。但是当我在第 2 部分中使用函数时，它会显示“你好”。但我看不出有什么不同。我在第 1 部分做错了什么？

我在表的功能组件中使用 React 引导程序。在此表中，我有一个条目，其中包含两个复选框，我只想让其中一个被勾选。当我选择一个时，我想更改另一个表条目。这是我的代码：

我在一个单独的条目中有两个选项，它们会根据用户选择“多项式”还是“指数”而改变——要么

或者

我怎样才能做到这一点？如果可能，我想避免单选按钮和那些依赖项。

编辑：我已经设法从 Bootstrap 添加了一些单选按钮，但我不确定如何在<td>.

在表中：

我在 Reactjs 中有一个用户编辑页面，我在其中获取用户详细信息并将其填充到相应的输入字段中。问题是在获取并显示数据后我无法编辑字段。

我的代码是：

相应的名称显示在此输入字段中，但不可编辑。如何解决问题？

我在更新值时遇到问题。最初我将父类中的值放入文本框中，然后如果我想通过子组件将值更新到表单中，它基本上应该在子组件中设置状态并将更新后的值传递给 API . 但是现在当我尝试更改文本框中的值时，它只会更改一个字符，并且不会跟踪所有道具的状态。我该如何解决这个问题？我尝试使用 defaultValue 它确实更改了值，但它无法跟踪状态更改。

PS：updateToApi 只是一个示例函数，它使用 post 将值更新到 api 我的示例项目在这里 https://codesandbox.io/s/sad-perlman-ukb68?file=/src/parent.js

我是 React 和一般编码的新手，我正在尝试构建这个简单的抽认卡应用程序来更好地理解 React。我知道这段代码很糟糕，它可能应该被分解成更多的组件，但我不知道如何向提交按钮添加一个事件处理程序，该按钮将创建一个在一侧具有定义和术语的抽认卡另一方面，它将使它成为，因此当单击该卡时，它将从定义更改为术语。感谢任何反馈，如果这个问题很愚蠢，我提前道歉。

如果我更新用户，我正在尝试更新子组件中表单中的值以发送到 api，但我无法更改表单中的任何值，并且如果我看到状态，它只会添加或删除一个字符。如何更新值？使用 defaultValue 解决了它，但它将输入更改为不受控制，这是我不想要的。

我的示例代码是

https://codesandbox.io/s/focused-shamir-y85v9?file=/src/parent.js:0

我正在研究一种复杂的反应形式，其中几乎没有受控输入以及网格/表格。目前我正在使用 react-hook-form 进行验证。
这是我的模型。这里的想法是根据需要显示网格，直到用户添加一些数据。用户可以通过单击“+”或“-”按钮添加/删除数据。 当我在这里提交时，我在提交的数据中看到

这是预期的输出

这是我的密码
箱

不知道如何将 react-table （或任何表格组件）与 react-hook-form （或任何反应形式）集成。使用“react-table”构建表单对我来说是必须的。

感谢任何帮助。

选择时选项下拉列表中的值不会改变。默认情况下，它总是发送第一个选项

我的 onchange 方法

注意-我正在尝试在选择时发送一个 json 对象