如何訪問材質 UI 的選中屬性<Checkbox/>並在按下另一個圖標（刪除圖標）時將其設置為 false？

Question

我希望你們都做得很好！ 我有一個問題，如果有人能給我一些關於如何解決我的問題的信息或指導，那就太棒了。

我的問題是如何訪問 material-ui <Checkbox checked={}/>組件的已選中屬性並將其設置為 false 或者換句話說，在按下按鈕時將其關閉。 我的問題是刪除圖標（按鈕）存在於另一個文件中，這意味着它是一個不同的組件。 此外，按鈕的onClick={}事件有一個onClearSelected屬性，它負責擦除內部看起來像單元格的字符串。

此外，我希望我給了你一些見解，我沒有進一步混淆你。 我很樂意回答任何問題，如果您難以理解我試圖暗示的意思，我提前表示歉意。

真誠的，尼古拉斯

Answer 1

要操作復選框，您可以簡單地使用 ref，請參閱 React 文檔中的 useRef()。

要通過單擊按鈕使組件更改不同組件中的某些內容，您需要在其公共父級中聲明 ref，然后使用 prop 鑽孔或上下文將 ref 傳遞給復選框。

同樣在父組件中，創建一個取消選中復選框的函數。 將其傳遞給按鈕，再次使用道具鑽孔或上下文。