从react本机导航中删除元素

state = {
  navigationItems: [
    { id: 1, title: "Home", link: "/" },
    { id: 2, title: "About", link: "/about" },
    { id: 3, title: "Contact", link: "/contact" }
  ]
}

render() {
  return (
    <div>
      {this.state.navigationItems.map(item => (
        <div key={item.id}>
          <span>{item.title}</span>
          <button onClick={() => this.deleteNavigationItem(item.id)}>删除</button>
        </div>
      ))}
    </div>
  );
}

deleteNavigationItem = (itemId) => {
  const updatedItems = this.state.navigationItems.filter(item => item.id !== itemId);
  this.setState({ navigationItems: updatedItems });
}