wuji.xwt 436e396f59 refactor: JS to TS for Rax Renderer
Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/3678935

* refactor: rax-renderer

* Merge remote-tracking branch 'origin/refactor/js-to-ts' into refactor/js2ts-rax-renderer

* Merge remote-tracking branch 'origin/refactor/js-to-ts' into refactor/js2ts-rax-renderer

* refactor: ts-nocheck

* chore: ts compile error

* fix: ts rootDir

* fix: compile error

* chore: using same tsconfig for rax component

* refactor: ts compile rax-renderer && rax-provider
2020-09-07 16:26:35 +08:00
..
2020-06-21 17:53:20 +08:00
2020-09-07 16:26:35 +08:00
2020-06-21 17:11:54 +08:00
2020-09-02 16:38:37 +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 }
);