使用useState和useEffect重新渲染的次数过多

Question

我的代码一直存在问题，因为它的getComponent函数进入了无限的重新渲染循环。我很确定问题出在我身上，使用setComponent，并且每次调用时都会渲染它。我尝试使用useCallback，但是没有用。该代码背后的目的是循环遍历一个数组，渲染某些组件，并根据其中的条目传递属性。我是React的新手，所以我确定有一个简单的解决方案无法找到。无论如何，如果您认为它可以得到改进，则希望对此有所帮助，或者对代码的其他部分有所帮助。

谢谢！

Codesandbox-axios调用应该在底部获取问题数组。

Answer 1

不需要状态“ component”。理想情况下，您应该从switch语句返回一个组件。这是经过修改的codesandbox。

请注意-

• 我删除了“ component”和“ setComponent”
• 返回了switch语句中的相关组件
• 清理了return语句中使用的map函数。