README
rax-portal
支持
Web / 阿里小程序 / 微信小程序
- 小程序仅支持 Rax 运行时
描述
rax-portal
提供了“传送”能力,可以将任意 RaxNode 渲染至根节点(body)
安装
$ npm install rax-portal --save
属性
属性 | 类型 | 默认值 | 必填 | 描述 | 支持 |
---|---|---|---|---|---|
container | HTMLElement | document.body | false | 将内容渲染至此节点 |
示例
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 />);