我需要使用react从数据中删除<p>

import React, { useState } from 'react';

const App = () => {
  const [data, setData] = useState([
    "<p>第一段文字</p>",
    "<p>第二段文字</p>",
    "<p>第三段文字</p>",
  ]);

  const handleDelete = () => {
    const newData = data.filter(item => item !== "<p>第二段文字</p>");
    setData(newData);
  };

  return (
    <div>
      {data.map((item, index) => (
        <div key={index} dangerouslySetInnerHTML={{ __html: item }} />
      ))}
      <button onClick={handleDelete}>删除</button>
    </div>
  );
};

export default App;