使用 React 在 onClick 时删除元素

javascript
import React, { useState } from 'react';
const ListComponent = () => {
  const [list, setList] = useState(['元素1', '元素2', '元素3']);
  const handleDelete = (index) => {
    const updatedList = [...list];
    updatedList.splice(index, 1);
    setList(updatedList);
  };
  return (
    
      
列表组件
      
        {list.map((item, index) => (
          
            {item}
             handleDelete(index)}>删除
          
        ))}
      
    
  );
};
export default ListComponent;

javascript
import React from 'react';
import ReactDOM from 'react-dom';
import ListComponent from './ListComponent';
ReactDOM.render(, document.getElementById('root'));