mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-01-13 17:48:13 +00:00
11bdcc1bdf
- @ali/lowcode-code-generator@0.8.10 - @ali/lowcode-demo@0.8.38 - @ali/lowcode-designer@0.9.28 - @ali/lowcode-editor-core@0.8.22 - @ali/lowcode-editor-preset-general@0.9.13 - @ali/lowcode-editor-preset-vision@0.8.29 - @ali/lowcode-editor-setters@0.9.8 - @ali/lowcode-editor-skeleton@0.8.34 - @ali/lowcode-plugin-components-pane@0.8.30 - @ali/lowcode-plugin-designer@0.9.28 - @ali/lowcode-plugin-event-bind-dialog@0.8.21 - @ali/lowcode-plugin-outline-pane@0.8.34 - @ali/lowcode-plugin-sample-logo@0.8.20 - @ali/lowcode-plugin-sample-preview@0.8.32 - @ali/lowcode-plugin-source-editor@0.8.18 - @ali/lowcode-plugin-undo-redo@0.8.32 - @ali/lowcode-plugin-variable-bind-dialog@0.8.19 - @ali/lowcode-plugin-zh-en@0.8.23 - @ali/lowcode-rax-renderer@0.1.3 - @ali/lowcode-rax-simulator-renderer@0.8.30 - @ali/lowcode-react-renderer@0.8.14 - @ali/lowcode-react-simulator-renderer@0.8.34 - @ali/lowcode-types@0.8.12 - @ali/lowcode-utils@0.8.13
Rax Renderer
Rax 渲染模块。
安装
$ npm install @ali/lowcode-engine-rax-renderer --save
使用
import { createElement, render } from 'rax';
import DriverUniversal from 'driver-universal';
import RaxRenderer from '@ali/lowcode-engine-rax-renderer';
const components = {
View,
Text
};
const schema = {
componentName: 'Page',
fileName: 'home',
children: [
{
componentName: 'View',
children: [
{
componentName: 'Text',
props: {
type: 'primary'
},
children: ['Welcome to Your Rax App']
}
]
}
]
};
render(
<RaxRenderer
schema={schema}
components={components}
/>,
document.getElementById('root'), { driver: DriverUniversal }
);