如何在ReactJS中推送或创建带选项和标签的新数组？

import React, { useState } from 'react';

function MyComponent() {
  const [tags, setTags] = useState([]);

  // ...
}

function MyComponent() {
  const [tags, setTags] = useState([]);

  const addTag = (newTag) => {
    setTags([...tags, newTag]);
  };

  // ...
}

function MyComponent() {
  const [tags, setTags] = useState([]);

  const addTag = (newTag) => {
    setTags([...tags, newTag]);
  };

  const removeTag = (index) => {
    setTags(tags.filter((_, i) => i !== index));
  };

  return (
    <div>
      <ul>
        {tags.map((tag, index) => (
          <li key={index}>
            {tag}
            <button onClick={() => removeTag(index)}>删除</button>
          </li>
        ))}
      </ul>
      <button onClick={() => addTag('新标签')}>添加标签</button>
    </div>
  );
}