"2019-03-15 回答 Portals 提供了一种很好的将子节点渲染到父组件外部 DOM 层级中的 DOM 节点中的方式。 ReactDOM.createPortal(child, container) 第一个参数(child)是任意可渲染的 React 子元素,例如一个元素,字符串或片断。第二个参数(contai .."

React 中的 portals 是什么?

2019-03-15

回答

Portals 提供了一种很好的将子节点渲染到父组件外部 DOM 层级中的 DOM 节点中的方式。

ReactDOM.createPortal(child, container) 

第一个参数(child)是任意可渲染的 React 子元素,例如一个元素,字符串或片断。第二个参数(container)是一个 DOM 元素。

加分回答

render() {
  // React 不会创建新的 div。他渲染子元素到 `domNode` 中。
  // `domNode` 可以是任意有效的 DOM 节点,无论他在 DOM 中的位置如何。
  return ReactDOM.createPortal(
    this.props.children,
    domNode,
  );
}

返回总目录

30 秒面试系列一

  • 30Seconds

    前端面试 30s 系列问答翻译:

    英文原文请看 30-seconds-of-interviews

    97 引用 • 176 回帖 • 5 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    200 引用 • 1136 回帖 • 482 关注
  • React

    React 是 Facebook 开源的一个用于构建 UI 的 JavaScript 库。

    91 引用 • 180 回帖 • 675 关注
感谢    关注    收藏    赞同    反对    举报    分享
回帖    
请输入回帖内容...