Reactjs REACT： UseState 没有更新变量(ant design 模态形式)

我认为selectedValue和单选按钮组没有更新，因为您使用的是Modal.confirm方法.这是一个静态方法，它在Reaction组件生命周期之外创建一个模式对话框.这意味着模式对话框不能访问组件的状态或props ，并且当它们更改时不会重新呈现.因此，要解决此问题，您需要使用Modal组件而不是Modal.confirm方法.

例如:

const Signatures = () => {
  const [selectedOption, setSelectedOption] = useState("deleteSignature");
  const [visible, setVisible] = useState(false);
  const handleDeleteOptionsChange = (event) => {
    setSelectedOption(event.target.value);
  };

  const handleOk = async () => {
    if (selectedOption === "deleteSignature") {
      //return onDeleteSignature(id);
    } else {
      //return onDelete(id);
    }
    setVisible(false);
  };

  const handleCancel = () => {
    setVisible(false);
  };

  return (
    <>
      <Modal
        visible={visible}
        okText="Confirm"
        centered
        title="To Delete this documents, press 'Confirm'"
        content={
          <Radio.Group
            onChange={handleDeleteOptionsChange}
            value={selectedOption}
          >
            <Radio
              checked={selectedOption === "deleteSignature"}
              value="deleteSignature"
            >
              Delete signature request
            </Radio>
            <Radio
              checked={selectedOption === "deleteSignatureAndDocument"}
              value="deleteSignatureAndDocument"
            >
              Delete signature request and document
            </Radio>
          </Radio.Group>
        }
        onOk={handleOk}
        onCancel={handleCancel}
      />
    </>
  );
};

要了解更多信息，请参阅Ant Design Documentation - Modal