JSX
JSX
适用场景
当标准组件无法满足时,可以使用JSX组件定义出组件。JSX组件是一个可编辑,可扩展,可自定义组件的组件;
React的核心机制之一就是虚拟DOM,可在内存中创建虚拟的DOM元素。使用这样的机制,我们完全可以用javascript构建完整的组件DOM树。
基础功能
组件所在位置: 高级组件-》JSX ,拖拽至画布,便可进行编辑
属性中,点击JSX代码,弹出Demo弹窗;
Demo弹窗中包含2组代码,设计态代码及运行态代码
设计态代码,红框内可编写运行态组件的样式
下图为设计态画布,展示的自定义组件样式
运行态代码,上红色框内为获取组件内部参数的方法,说明及信息打印 ;
下红色框内为定义运行态组件的代码