rax-portal

rax-portal

Usage no npm install needed!

<script type="module">
  import raxPortal from 'https://cdn.skypack.dev/rax-portal';
</script>

README

rax-portal

npm

支持

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

描述

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

安装

$ npm install rax-portal --save

属性

属性 类型 默认值 必填 描述 支持
container HTMLElement document.body false 将内容渲染至此节点 browser miniApp

示例

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