Lodash 时间方法索引

Question

我需要将组件复制“n”次。为此，我使用了lodash方法times。问题是我需要一个索引作为生成的组件的键，但它看起来没有。

我有以下代码：

export const MyComponent: React.FC<{times: number}> = ({ times }) => {
  return (
    <>
      {_.times(times, () => (
        //I need a key={index} in this div
         <div className="bg-white border-4 border-white md:rounded-md md:p-2 content-center my-4 shadow w-full">
         </div>
       ))}
    </>
  );
};

这将返回n 次之内的组件。

我尝试执行一种返回组件并使用 设置索引的方法useState，但它陷入了无限循环。我想把一个大的随机数作为密钥，所以很难得到相同的，但我不喜欢这个解决方案。我想使用这种方法，因为它很干净。

那么你认为我可以做些什么来为该组件提供 a 呢？

Answer 1

它作为函数参数传递给您：

_.times(times, (index) => (blabla))