问题标签 [controlled-component]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
22 浏览

reactjs - React 控制复选框、属性检查和 chrome DevTools

我正在学习如何在反应中使用多个复选框。我使用钩子 UseState。状态是对象数组。当我单击复选框时,状态已更改并且 UI 渲染正常。但是当我打开 chrome 开发工具时,无论我点击什么,检查的属性都保持不变。这是正确的行为吗?

在 chrome 开发工具中检查的属性没有改变,但状态和 UI 是正常的

当我设置 defaultChecked 时,一切都很好。但我认为这是错误的方式

0 投票
1 回答
15 浏览

reactjs - ReactJS:受控组件上的输入不会改变状态

我有一个带有一些空值的对象文字,我想根据输入列表进行更改。问题是,尽管输入的值在 useEffect() 中使用预定义的值进行了更新,但我无法使用 onChange 处理程序更改输入。这就是我所拥有的:

我也尝试直接在 onChange 事件中设置值

但输入不会改变默认值。也许有人可以指出我正确的方向。我按照本教程https://dev.to/deboragaleano/how-to-handle-multiple-inputs-in-react-55el任何帮助将不胜感激!

0 投票
1 回答
13 浏览

reactjs - 如何在 JSX 中显示无序列表
    使用类组件的 React 表单中的元素

<ul>当我单击按钮时,我想将从表单的输入值编译的无序列表写入 a中Submit。它是基于类的组件中的受控形式。不幸的是,我还没有发现如何在没有钩子的情况下实现它。