react渲染100个黑

您可以使用 React 来渲染 100 个黑色方块，可以使用以下代码实现：

import React from 'react';

function BlackBox() {
  return (
    <div style={{ width: '50px', height: '50px', backgroundColor: 'black' }}></div>
  );
}

function App() {
  const boxes = Array.from({ length: 100 }).map((_, index) => <BlackBox key={index} />);

  return (
    <div>
      {boxes}
    </div>
  );
}

export default App;

在上述代码中，我们定义了一个 `BlackBox` 组件来渲染一个黑色方块，然后在 `App` 组件中使用 `Array.from` 函数生成一个长度为 100 的数组，使用 `map` 函数遍历这个数组，生成 100 个 `BlackBox` 组件，并将它们放在一个 `<div>` 元素中进行渲染。