文件名称：form-designer-React
文件大小：11KB
文件格式：ZIP
更新时间：2024-05-30 14:31:41
JavaScript
表单设计器 React + Redux 版 需求说明 编写一个表单设计器。包含如下功能： 添加字段 选择字段 删除字段 预览表单 添加字段 页面中有一个“添加”按钮，点击会弹出选择对话框，在选择对话框中选择要添加的字段类型后，页面中新增一个对应类型的表单元素。 选择字段 在选择对话框中，可以选择“文本”和“日期”两种字段类型中的一种，点击“提交”按钮确定选择，点击“关闭”按钮关闭对话框。 删除字段 每一个表单元素后面有一个“删除”按钮，点击即移除对应的表单元素。 预览表单 页面上有一个”预览“按钮，点击该按钮，文字变为”编辑“，页面变为预览模式，不显示”添加“和”删除“按钮。 点击”编辑“按钮，返回编辑模式，显示”添加“和”删除“按钮。 挑战 理解并使用 Store 理解并使用 Action 理解并使用 Reducer 导出状态逻辑到 Redux 中 将 Redux 和 React 连接到
【文件预览】：
form-designer-React-master
----handlers()
--------container-API.js(254B)
--------form-editor-API.js(261B)
----reducers()
--------index.js(2KB)
----index.js(407B)
----package.json(1KB)
----readme.md(2KB)
----server.js(705B)
----index.html(531B)
----.gitignore(28B)
----components()
--------FormEditor.js(1KB)
--------FormPreview.js(521B)
--------DialogContent.js(1KB)
--------MyContainer.js(1KB)
--------DialogButton.js(1KB)
----webpack.config.js(881B)
----store.js(127B)
----actions()
--------containerAction.js(180B)
--------actionType.js(163B)
--------formAction.js(207B)