javascript - 显示表单提交到 DOM 的值

标签 javascript reactjs forms

我是ReactJs的学习者。我在 ReactJS 中有一个用钩子(Hook)制作的功能齐全的表单。我有一些字段,我只想在单击 handleSubmit 时将表单提交的数据显示到 DOM。

我希望用户在运行时添加任意数量的表单,并在下面显示所有提交的数据。

这是codesandbox代码。 Click Here

谢谢。

最佳答案

在您的代码中,您尝试将数组用作对象,您应该首先指示数组索引,在您的情况下它是 0,这将使您可以访问数组的第一个元素,即您的对象,现在您可以从中获取值

let val = [...fields]
// when you want access the data
val[0].name

如果我没猜错的话,这就是你代码中的错误

关于javascript - 显示表单提交到 DOM 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60444306/

相关文章:

javascript - 使用 jquery 更改纯 HTML Slider-Thumb 颜色(包括工作 css)

javascript - 智能模态禁用窗口?

javascript - Firefox 网站如何突出显示导航栏上的项目?

Python - 填写登录表单,然后填写只有登录后才能访问的另一个表单

windows - 使用 powershell 和 windows 窗体将进度条插入状态栏面板

javascript - 如何在 Javascript 中检查日期范围

html - Material-ui 1.3 fontsize 不响应屏幕宽度?

javascript - 当仅使用某些部分时,Browserify 包括整个模块(react-addons)

reactjs - 动态改变React Native平面列表中的列数

javascript - 在 Jquery 中更改按钮属性的奇怪行为