zent
Version:
一套前端设计语言和基于React的实现
27 lines (23 loc) • 700 B
Markdown
order: 1
zh-CN:
title: 基本用法,第二行是 `Portal` 插入的,可以在浏览器里审查元素观察Html结构
originalContent: 这里是原来就有的内容
portalContent: 这里是 Portal 动态插入的内容
en-US:
title: Basic usage
originalContent: the original content
portalContent: the content that Portal inserts dynamically
```jsx
import { Portal } from 'zent';
ReactDOM.render(
<div className="zent-doc-portal-container">
<div className="zent-doc-portal-mount-node">{i18n.originalContent}</div>
<Portal selector=".zent-doc-portal-mount-node">
<div className="zent-doc-portal-content">{i18n.portalContent}</div>
</Portal>
</div>
, mountNode
);
```