React回调返回不可迭代的实例

Question

我在React中使用ant desing(v3.26.14(List组件。通常，如果我尝试将普通数组传递给"dataSource"属性，那么一切都很好。但当我试图通过回调传递数组时，会出现错误。

<List dataSource={someArray} /> //is fine
<List dataSource={() => someArray} /> //getting error

错误：'TypeError:传播不可迭代实例的尝试无效。为了可迭代，非数组对象必须具有Symbol.iterator方法。">

我想知道这是javascript的正常行为还是一些库问题，为什么会发生这种情况，这不是一回事吗？

Answer 1

我认为这是因为List组件需要数组，所以它可以使用排列，但您给了它一个回调函数。它不需要回调函数，而需要迭代器(本例中为数组(。