Skip to main content

JSX

JSX

适用场景

当标准组件无法满足时,可以使用JSX组件定义出组件。JSX组件是一个可编辑,可扩展,可自定义组件的组件;

React的核心机制之一就是虚拟DOM,可在内存中创建虚拟的DOM元素。使用这样的机制,我们完全可以用javascript构建完整的组件DOM树。

基础功能

组件所在位置: 高级组件-》JSX ,拖拽至画布,便可进行编辑

img

属性中,点击JSX代码,弹出Demo弹窗;

Demo弹窗中包含2组代码,设计态代码及运行态代码

img

设计态代码,红框内可编写运行态组件的样式

img

下图为设计态画布,展示的自定义组件样式

img

运行态代码,上红色框内为获取组件内部参数的方法,说明及信息打印 ;

下红色框内为定义运行态组件的代码

img