我正在删除我按下的删除按钮旁边的答案。我正在生成一个答案列表，每个答案旁边都有一个相应的删除按钮。然而，当我按下删除按钮时，最后两个答案总是被删除。我也试过使用拼接方法，但结果是一样的。也许我传递的参数有问题，但我现在真的不确定。
编辑：我发现这部分代码中的处理程序被执行了两次，但是，我找不到这种行为的原因：

{poll.questions.map((questionObj, questionIndex) => (
        <div key={questionIndex}>
          <h2>
            {questionObj.question +
              (questionObj.multiChoice
                ? " - (multiple choice)"
                : " - (single choice)")}
            <br />
            <button onClick={() => handleDeleteQuestion(questionIndex)}>
              Delete question
            </button>
          </h2>
          {questionObj.choices.map((choice, choiceIndex) => (
            <div key={choiceIndex}>
              <input
                type="text"
                placeholder={`Choice ${choiceIndex + 1}`}
                value={choice.text}
                onChange={(e) =>
                  handleAnswerChange(questionIndex, choiceIndex, e.target.value)
                }
              />
            </div>
          ))}
          <button
            onClick={(e) => {
              e.stopPropagation(); // Prevent event propagation
              handleDeleteAnswer(questionIndex);
            }}
          >
            -
          </button>
        </div>
      ))}

完整代码：

import React, { useState } from "react";

function NewPoll() {
  const [poll, setPoll] = useState({
    name: "",
    description: "",
    multiChoice: false,
    questions: [],
    answers: [],
  });

  const handleInputChange = (e) => {
    const { name, value, type, checked } = e.target;
    const newValue = type === "checkbox" ? checked : value;

    setPoll((prevPoll) => ({
      ...prevPoll,
      [name]: newValue,
    }));
  };

  const handleMultipleAnswer = () => {
    const question = prompt("Enter the multiple-choice question:");

    if (question !== null) {
      const numAnswers = parseInt(
        prompt("Enter the number of possible answers:"),
        10
      );

      if (!isNaN(numAnswers)) {
        const newQuestion = {
          question,
          choices: Array(numAnswers).fill(""), // Initialize with empty strings
          multiChoice: true,
        };

        setPoll((prevPoll) => ({
          ...prevPoll,
          questions: [...prevPoll.questions, newQuestion],
        }));
      }
    }
  };

  const handleSingleAnswer = () => {
    const question = prompt("Enter the single choice question:");

    if (question !== null) {
      const numAnswers = parseInt(
        prompt("Enter the number of possible answers:"),
        10
      );

      if (!isNaN(numAnswers)) {
        const newQuestion = {
          question,
          choices: Array(numAnswers).fill(""), // Initialize with empty strings
          multiChoice: false,
        };

        setPoll((prevPoll) => ({
          ...prevPoll,
          questions: [...prevPoll.questions, newQuestion],
        }));
      }
    }
  };

  /*  const [checkedState, setCheckedState] = useState(
    new Array(poll.questions.length).fill(false)
  );
const handleChoiceChange = (position) => {
    const updatedCheckedState = checkedState.map((item, choiceIndex) =>
    choiceIndex === position ? !item : item
    );

    setCheckedState(updatedCheckedState);
  };

  */

  const handleAnswerChange = (questionIndex, choiceIndex, newText) => {
    setPoll((prevPoll) => {
      const updatedQuestions = [...prevPoll.questions];
      updatedQuestions[questionIndex].choices[choiceIndex] = newText;
      return {
        ...prevPoll,
        questions: updatedQuestions,
      };
    });
  };

  const handleDeleteQuestion = (questionIndex) => {
    setPoll((prevPoll) => {
      const updatedQuestions = [...prevPoll.questions];
      const deletedQuestion = updatedQuestions.splice(questionIndex, 1)[0];

      deletedQuestion.choices = [];

      return {
        ...prevPoll,
        questions: updatedQuestions,
      };
    });
  };

  const handleDeleteAnswer = (questionIndex) => {
    setPoll((prevPoll) => {
      const updatedQuestions = [...prevPoll.questions];
      const lastQuestion = updatedQuestions[questionIndex];

      if (lastQuestion.choices.length > 0) {
        lastQuestion.choices.pop(); // Remove the last choice
      }

      console.log("hey");

      return {
        ...prevPoll,
        questions: updatedQuestions,
      };
    });
  };

  return (
    <>
      <h1>Enter poll name:</h1>
      <br />
      <input
        type="text"
        name="name"
        value={poll.name}
        onChange={handleInputChange}
      />
      <h1>Enter a description:</h1>
      <textarea
        rows="10"
        cols="50"
        name="description"
        value={poll.description}
        onChange={handleInputChange}
      ></textarea>{" "}
      <br />
      <button onClick={handleMultipleAnswer}>
        Create a question with multiple answers
      </button>
      <button onClick={handleSingleAnswer}>
        Create a question with a single answer
      </button>
      {poll.questions.map((questionObj, questionIndex) => (
        <div key={questionIndex}>
          <h2>
            {questionObj.question +
              (questionObj.multiChoice
                ? " - (multiple choice)"
                : " - (single choice)")}
            <br />
            <button onClick={() => handleDeleteQuestion(questionIndex)}>
              Delete question
            </button>
          </h2>
          {questionObj.choices.map((choice, choiceIndex) => (
            <div key={choiceIndex}>
              <input
                type="text"
                placeholder={`Choice ${choiceIndex + 1}`}
                value={choice.text}
                onChange={(e) =>
                  handleAnswerChange(questionIndex, choiceIndex, e.target.value)
                }
              />
            </div>
          ))}
          <button
            onClick={(e) => {
              e.stopPropagation(); // Prevent event propagation
              handleDeleteAnswer(questionIndex);
            }}
          >
            -
          </button>
        </div>
      ))}
      <br />
      <button> Create a new poll </button>
    </>
  );
}

export default NewPoll;

这是我到目前为止试过的代码