标签：React 第2页

Portal 的本质是「DOM 位置搬家，React 树位置不变」——它解决了「脱离父级裁剪」的问题，却引出「层级（z-index）失控」的新问题；治理层级的正解是「分层基数 + 栈式申领 + 固定 Portal 容器」，更现代的做法是直接上浏览器的 top layer（

/ Pop…

赞(0)陌上寒2026-10-1201-React基础 阅读()去评论

好 API 的标准是「可预测、可组合、可渐进」——落到 React 上就是三件事：受控/非受控双模式（value + defaultValue）、用组合（children/Slots/Context）代替配置炸弹、以及用「多态 + 泛型 + Headless」保留扩展空间。

赞(0)陌上寒2026-10-1201-React基础 阅读()去评论

ref 是「绕过 React 数据流直接访问 DOM 或保存可变值」的手段；访问 DOM 要用 useRef + ref={ref}（函数组件不能直接接收 ref，需要 forwardRef，React 19 起可以直接接收）。

赞(0)陌上寒2026-10-1201-React基础 阅读()去评论

三个「特殊组件」分别解决三类问题——Fragment 解决「需要多个根节点又不想多一层 DOM」、Portal 解决「弹层需要脱离父级容器」、StrictMode 在开发环境暴露潜在的副作用问题。

赞(0)陌上寒2026-10-1201-React基础 阅读()去评论

React 里处理表单有两条路——受控表单（state 驱动，适合实时校验与联动）与非受控 / FormData（提交时收集，代码更少）；React 19 的 form action 进一步把「提交 + loading + 错误」统一成一套模式。

赞(0)陌上寒2026-10-1101-React基础 阅读()去评论

条件渲染靠「表达式」（三元、逻辑与、提前 return、映射表），列表渲染靠 map + 稳定唯一的 key；要小心 && 遇到 0 会渲染出 0 的陷阱。

赞(0)陌上寒2026-10-1101-React基础 阅读()去评论

React 自己实现了一套合成事件（SyntheticEvent）系统，事件不绑在元素上而是委托到根容器统一处理；这带来了跨浏览器一致性与性能优势，也带来几个「与原生不一致」的细节（最典型的是 onChange 的行为）。

赞(0)陌上寒2026-10-1101-React基础 阅读()去评论

受控组件的「值」由 React 的 state 掌管（每次输入都要 setState），非受控组件的「值」由 DOM 自己掌管（需要时用 ref 去取）；选择标准是「你是否需要实时响应输入」。

赞(0)陌上寒2026-10-1101-React基础 阅读()去评论

State 是组件的私有可变数据，它的更新会触发重新渲染；而更新必须是「替换」而不是「修改」，并且连续更新要用函数式写法才能拿到最新值。

赞(0)陌上寒2026-10-1101-React基础 阅读()去评论

Props 是父组件传给子组件的只读数据，它是「单向数据流」的载体——子组件不能修改 props，只能通过调用父组件传下来的回调来请求变更。

赞(0)陌上寒2026-10-1101-React基础 阅读()去评论