1、第一步,打开HBuilderX工具并新建HTML5模板页面,引入相关的JavaScript文件,如下图所示:
2、第二步,接着在主体标签中,插入一个div标签,然后设置该标签的ID属性,如下图所示:
3、第三步,在<script></script>标签中,定义一个函数C衡痕贤伎ssLabel,传入参数props,如下图所示:
4、第四步,在第三步中的style中绑定两个变量color和fontSize,标签内容绑定变量艘绒庳焰name,如下图所示:
5、第五步,最后使用ReactDOM中的render(),然后调用div标签容器,如下图所示:
6、第六步,保存代码并预览界面效果,可以发现样式类这几个字变为红色,字体变大了,如下图所示: