如何從外部修改React/Redux組件的狀態？

Question

我有一個帶有用於過濾的輸入元素的常規HTML頁面，以及一個管理和顯示項目表的React組件。當用戶鍵入輸入元素時，我希望React組件將過濾器應用於其狀態。如何將這些信息傳遞給React組件，並使其「對其作出反應」？ HTML頁面屬於一個應用程序，並且不能被反應。

Answer 1

進行React組件更新的最簡單方法是更新它的道具。因此，您需要將一個道具添加到React組件，您可以在更改輸入時使用它來進行更新。這會將新數據傳遞給組件，並且會重新渲染。

因此，無論React組件居住在哪裏，當您更改輸入中的文本時，都需要傳入變量。

let filter_string = ''; 
input.on('keyDown', e => filter_string = e.target.value) 

<Items filter={filter_string} />