React 使用map()方法遍历生成5个div块并固定标题样式

可以使用map()方法来遍历生成5个div块，并固定每个div块的标题，同时保持标题样式不变。具体的代码如下所示：

import React from 'react';

const data = ['标题1', '标题2', '标题3', '标题4', '标题5'];

const App = () => {
  return (
    <div>
      {data.map((title, index) => (
        <div key={index}>
          <h2 style={{ fontWeight: 'bold' }}>固定标题</h2>
          <h3>{title}</h3>
        </div>
      ))}
    </div>
  );
};

export default App;

在上述代码中，我们首先定义了一个包含5个标题的数组data。然后使用map()方法遍历data数组，在每次循环中生成一个div块。在每个div块中，我们固定了一个标题为'固定标题'，并设置了标题样式为粗体。然后利用数组的索引作为key属性来保证每个div块的唯一性。最后，我们在每个div块中显示了对应的标题。

通过这种方式，我们可以生成5个div块，并固定每个div块的标题，同时保持标题样式不变。