kangwei b24873cf34 Publish
- @ali/lowcode-code-generator@0.8.6
 - @ali/lowcode-demo@0.8.31
 - @ali/lowcode-designer@0.9.21
 - @ali/lowcode-editor-core@0.8.17
 - @ali/lowcode-editor-preset-general@0.9.7
 - @ali/lowcode-editor-preset-vision@0.8.22
 - @ali/lowcode-editor-setters@0.9.4
 - @ali/lowcode-editor-skeleton@0.8.27
 - @ali/lowcode-plugin-components-pane@0.8.24
 - @ali/lowcode-plugin-designer@0.9.21
 - @ali/lowcode-plugin-event-bind-dialog@0.8.17
 - @ali/lowcode-plugin-outline-pane@0.8.27
 - @ali/lowcode-plugin-sample-logo@0.8.16
 - @ali/lowcode-plugin-sample-preview@0.8.26
 - @ali/lowcode-plugin-source-editor@0.8.14
 - @ali/lowcode-plugin-undo-redo@0.8.26
 - @ali/lowcode-plugin-variable-bind-dialog@0.8.15
 - @ali/lowcode-plugin-zh-en@0.8.19
 - @ali/lowcode-rax-provider@0.8.14
 - @ali/lowcode-engine-rax-renderer@0.1.1
 - @ali/lowcode-react-provider@0.8.15
 - @ali/lowcode-react-renderer@0.8.9
 - @ali/lowcode-react-simulator-renderer@0.8.27
 - @ali/lowcode-runtime@0.8.16
 - @ali/lowcode-types@0.8.7
 - @ali/lowcode-utils@0.8.8
2020-06-24 00:28:31 +08:00
..
2020-06-21 17:53:20 +08:00
2020-06-21 17:11:54 +08:00
2020-06-24 00:28:31 +08:00
2020-06-24 00:28:31 +08:00
2020-06-21 17:11:54 +08:00

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 }
);