教育/培训行业面试题更新 2026-08-05

React 组件如何挂载到原生 DOM 节点?请说明 ReactDOM.render 与 createPortal 的区别和适用场景。

网易有道前端/移动开发教育/培训技术原理技术选型React

考察说明

考察 React 组件挂载与渲染到指定 DOM 节点的能力,包括两种 API 的使用与差异

回答思路

  1. 准确说明 ReactDOM.render 的用法和主入口挂载场景
  2. 准确说明 createPortal 的用法,强调它保留 React 事件冒泡到父树的特点
  3. 区分两者在组件树位置和事件冒泡行为上的差异
  4. 结合场景举例,如挂载到 body 或弹层组件使用 portal
  5. 正确指出新版本中 ReactDOM.createRoot 的替代关系
本题已收录答题指导

本题附完整参考答案与评分标准

登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。