小编mio*_*uri的帖子

我用来useNavigate转到该组件，并且需要ChatRoom在单击按钮时将数据（状态）传递给该组件。该组件位于路线上/chatroom。我正在使用 React Router Dom v6。我已阅读文档，但找不到我要找的内容。

export default function Home() {
  const [username, setUsername] = useState("");
  const [room, setRoom] = useState("");

  const navigate = useNavigate();

  const handleClick = () => {
    navigate("/chatroom");
  };

  return (
    <button
      type="submit"
      className="btn"
      onClick={() => {
        handleClick();
      }}
    >
      Join Chat
    </button>
  );
}