kongxx的专栏

在 React 中，组件的初始化通常涉及到组件的构造函数（对于类组件）或函数组件的初始状态（对于函数组件）。

修改App.css，在文件夹最后添加ArcGIS的css。

访问 http://localhost:3000/ 即可看到效果。可以在页面的表单设计中拖动组件，然后在表单预览中查看效果。这里创建一个简单的页面组件，主要包括三部分，第一部分是表单设计器，第二部分是表单预览，第三部分是表单JSON数据。formiojs 是一个开源的在线表单设计工具，今天看看怎样在 react js 中使用 formiojs。另外，考虑样式等问题，还安装了下面几个依赖包。

左边是个控件列表，这里只放了三个控件:input, password和select；这里的控件需要增加 draggable 属性，标识控件可拖拽，比如：Input</Button>右边是个布局区域，可以在上面拖拽摆放控件位置，使用 react-grid-layout 的 Responsive 实现。当每个左侧控件拖到这个区域后，将根据具体类型，展示位具体样式。下面看一下代码实现，首先初始化三个控件，用来默认摆放着右侧的布局区域内# 初始化三个控件。