React 组件化开发与设计

React 组件边界、组合式 API、Hooks、受控组件、可访问性和测试治理面试题。

本章内容

• 如果 React 组件的属性没有传值，它的默认值是什么？
• React 中除了在构造函数中绑定 this，还有其他绑定 this 的方式么？
• 在 React 的 render 函数中，是否可以直接写 if else 判断？为什么？
• 如何在 React 项目中引入图片？哪种方式更好？
• 在 React 的 JSX 中，属性是否可以被覆盖？覆盖的原则是什么？
• 什么是 React 中的受控组件？它的应用场景是什么？
• 如何划分 React 组件边界，避免“大组件”和“碎片化”？
• 受控组件、非受控组件和混合模式如何设计？
• children、render props 和复合组件分别解决什么问题？
• 如何设计一个可复用的表单或弹窗组件？
• 自定义 Hook 如何抽象，怎样避免“万能 Hook”？
• React 闭包陷阱、effect 依赖和事件处理如何治理？
• React 并发特性下，如何处理高优先级和低优先级更新？
• 如何让 React 组件具备可测试性和可观测性？