如何更改 React Router Link 组件中的状态？

Question

如何将 Link 组件的“ischecked”状态传递给下面的输入？ 我的目标是单击其他组件上的按钮，将输入框设置为 true。

<Link
     to={{pathname: "/Module1",
            state: {
                ischecked: false,
                },
              }}
              className={styles.menuCard}>
              <h2>Introduction &rarr;</h2>
              <p>Lesson 1</p>
              <input className={styles.checkbox} type="checkbox" 
              checked={ischecked} /> <<--cant access? how to access?
</Link>

Answer 1

我明白了，isChecked 是一个状态，

  const App = () => {
    const [isChecked, setChecked] = useState(false)
    const onChange = e => { setChecked(e.target.checked) }

    return <input type="checkbox" checked={isChecked} onChange={onChange} />
  }

一旦您捕获了状态行为，您就可以将此标志发送到代码中的任何位置。