javascript - 我可以通过 React 在 JSX 中动态添加新的 Html 标签输入吗

Question

我有一个 React 系统，基于添加多个帐户的系统。 第一次打开系统时，输入和表单都是空白的 当您填写字段输入并单击(+添加帐户)按钮时，系统会自动添加您的数据，与您填写的表格形状相同，并且必须能够再次编辑并单击保存，

问题是如何通过 React 在 JSX 中动态生成新的 Html 标签输入，并在返回同一页面时保存它。

<小时/>

添加帐户前的空白表单

<小时/>

添加新帐户后，系统添加下面的表单及其数据，并且可以使用新按钮进行编辑和保存，与(+添加帐户)不同

Answer 1

不要将单击按钮视为添加 Html，而是更新状态，而状态又由渲染函数反射(reflect)。

在不知道代码结构的情况下很难太具体，但是在应用程序状态的某个地方，您将需要存储联系人列表。例如，这可能是最高级别组件状态的数组。

how can I generate dynamically new Html tag input in JSX

这部分很简单，在渲染函数中只需查看该州的联系人列表并根据需要绘制联系人即可。

and save it if I return to the same page

当您单击添加按钮时，您将需要触发更新状态(将新合约推送到数组)。想必您可能还想在此处触发数据保存到数据库等？

您可能需要考虑使用 Redux 通过导航等来维护应用程序状态。