rax-portal v1.0.3

rax-portal

支持

Web / 阿里小程序 / 微信小程序

• 小程序仅支持 Rax 运行时

描述

rax-portal 提供了“传送”能力，可以将任意 RaxNode 渲染至根节点（body）

安装

$ npm install rax-portal --save

属性

示例

import { createElement, render, Fragment } from "rax";
import View from "rax-view";
import Text from "rax-text";
import Portal from "rax-portal";

const Demo = (props) => {
  return (
    <Fragment>
      <View>
        <Text>Demo content</Text>
      </View>
      <Portal>
        <View>
          <Text>Portal content</Text>
        </View>
      </Portal>
      <Portal container={document.body}>
        <View>
          <Text>Portal with custom container content</Text>
        </View>
      </Portal>
    </Fragment>
  );
};

render(<Demo />);