在React中,可以使用createClass函数实现创建一个组件,可以按照返回的值生成一个组件,然后查看具体的实现方法。下面利用一个实例说明如何创建组件,操作如下:
工具/原料
1
React
2
JavaScript
3
HTML5
4
HBuilderX
5
浏览器
6
截图工具
方法/步骤
1
第一步,双击打开HBuilderX编辑器,新建一个静态页面并引入核心JavaScript文件,如下图所示:
2
第二步,在
标签内插入一个div标签,设置ID属性,如下图所示:3
第三步,在div下方插入一个标签,并在其中定义一个UserList,如下图所示:
4
第四步,再调用React.createElement()方法,将第三步中的返回值创建一个无序列表,如下图所示:
5
第五步,再次调用ReactDOM.render()方法,调用容器的ID属性,如下图所示:
6
第六步,保存代码并打开浏览器预览效果,结果发现出现了报错,如下图所示:
注意事项
1
注意使用React中的createClass函数创建一个组件
2
注意createClass函数和className的区别