请解释 React 中的浅层渲染（shallow rendering）的概念，并说明它的用途和局限性。

回答思路

1. 【回答框架 1】浅层渲染是 React 测试工具（如 Enzyme 的 shallow）中的一种渲染方式，它只渲染当前组件本身，不渲染其子组件。对于函数组件，它会返回该组件的 React 元素；对于类组件，会渲染其 render 方法的输出，但不会执行子组件的生命周期或渲染。
2. 【回答框架 2】浅层渲染常用于单元测试，因为它可以隔离组件，测试单个组件的渲染输出和交互逻辑，而不依赖子组件的实现。这有助于提高测试的速度和专注性。
3. 【回答框架 3】浅层渲染的局限性在于它不模拟真实的 DOM 渲染，也不触发子组件的副作用，因此对于依赖子组件行为或需要完整集成测试的场景，浅层渲染可能不足以覆盖，需要结合 mount 或真实 DOM 进行测试。
4. 【关键点 1】浅层渲染只渲染当前组件，不渲染子组件。
5. 【关键点 2】常用于组件单元测试，隔离组件依赖。
6. 【关键点 3】局限性：无法测试子组件交互和真实 DOM 行为。
7. 【易错点 1】误以为浅层渲染会执行子组件的生命周期，但实际上不会。
8. 【易错点 2】在需要验证子组件渲染时错误使用浅层渲染，导致测试不完整。
9. 【易错点 3】浅层渲染不提供真实的 DOM 环境，无法测试浏览器事件（如点击）的完整行为。