如何以编程方式导航是复选框为真答案

【问题标题】：How to navigate programmatically is checkbox true如何以编程方式导航是复选框为真
【发布时间】：2022-12-03 06:51:51
【问题描述】：

我有必要在选择 chekboksom 时绘制 Page2 组件。我创建了一个 useState，我在其中跟踪复选框的值，但我不知道如何在选中复选框时以编程方式导航。我怎样才能做到这一点？

export default function Home() {
  const [checked, setChecked] = useState(false);
  const navigate = useNavigate();
  const handleChange = () => {
    setChecked(!checked);
  };

  return (
    <>
        <input type="checkbox" onChange={handleChange}></input>
    </>
  );
}

【问题讨论】：

标签： reactjs react-router

【解决方案1】：

const handleChange = () => {
  setChecked(!checked);
  if (!checked) {
    navigate('/')
  }
};

【讨论】：