如何在react js中添加/删除div on button click

import React, { useState } from 'react';

const App = () => {
  const [divList, setDivList] = useState([]);

  const addDiv = () => {
    const newDivList = [...divList];
    newDivList.push(<div>这是一个新的div</div>);
    setDivList(newDivList);
  };

  const removeDiv = (index) => {
    const newDivList = [...divList];
    newDivList.splice(index, 1);
    setDivList(newDivList);
  };

  return (
    <div>
      <button onClick={addDiv}>添加div</button>
      {divList.map((div, index) => (
        <div key={index}>
          {div}
          <button onClick={() => removeDiv(index)}>删除</button>
        </div>
      ))}
    </div>
  );
};

export default App;