如何在react中显示map中特定键上的div元素

import React, { useState } from 'react';

const MyComponent = () => {
  const [data, setData] = useState([
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
    { id: 3, name: 'Bob' },
  ]);

  const renderDivElements = () => {
    return data.map((item) => {
      if (item.id === 2) {
        return <div key={item.id}>This is a div element for {item.name}</div>;
      }
      return null; // Return null for other items
    });
  };

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

export default MyComponent;