使用React Testing Library渲染组件时遇RangeError: Invalid string length错误求助

这个错误通常是由于组件渲染过程中生成了异常庞大的字符串，或是触发了无限循环/递归导致内容无限膨胀。结合你提到的"简单组件渲染正常"，可以按以下步骤排查解决：

• 检查组件的输入数据：确认测试时传入组件的props/状态是否包含远超预期的数据集（比如上万条列表项、超长文本）。如果是，在测试中限制数据量，比如只传入少量测试用数据。
• 排查无限循环/递归逻辑：
  • 检查组件内是否有字符串循环拼接的代码（比如while/for循环未设置合理终止条件）；
  • 确认组件是否存在自身递归渲染的情况（比如组件内部直接/间接渲染自身且无终止判断）；
  • 检查useEffect或useState的更新逻辑，是否存在无限重渲染触发内容持续生成的问题。
• 验证第三方依赖：如果组件使用了第三方UI库或工具函数，暂时替换成简单实现（比如把复杂的表格组件换成普通div），看错误是否消失，以此排查是否是依赖在测试环境下生成了超长字符串。
• 逐步调试定位：
  • 在组件关键位置添加console.log，输出渲染前的props、状态值，确认是否有异常数据；
  • 逐步注释组件内的部分代码，缩小范围找到触发错误的具体模块；
  • 如果是在浏览器环境运行测试，使用React DevTools查看组件树，检查是否有异常数量的节点。

内容的提问来源于stack exchange，提问作者Eduardo Melo