为什么React中对数组执行map时代码不可达，对单个对象操作却正常

问题描述 #

我在React中尝试用map函数遍历数据填充表格，通过State将对应变量初始化为空数组后，执行map操作的代码一直不可达，暂时没有排查到问题原因。

备注：如果在constructor中对单个对象执行map操作，运行完全正常。

问题更新 #

核心问题已经解决，属于个人代码书写失误：漏写了第二个render() {，直接导致后续代码不可达。
Erik提供的解决方案本身是有效的，目前仅剩下Get Request未触发的问题，这个属于独立的其他问题，我会单独排查。 #

帖子整理建议 #

• 分区展示内容：可以按照「问题描述」「复现条件」「已尝试方案」「问题更新」「遗留问题」的结构拆分内容，其他用户可以快速抓取核心信息
• 补充关键代码：如果后续需要其他用户协助排查Get Request相关问题，可以把请求逻辑、State初始化、相关生命周期/钩子函数的代码脱敏后补充到对应板块
• 标记问题状态：核心问题解决后可以在标题末尾加上[已解决]标识，未解决的独立问题建议单独发布新提问，避免单帖混杂多个不相关问题
• 聚焦有效信息：去掉无意义的致歉类表述，重点保留问题根因、解决结论相关内容，方便后续遇到同类问题的用户快速参考

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