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

Question

我有一個常規的HTML頁面，其中包含用於過濾的輸入元素，以及一個管理和顯示項目表的React組件。 當用戶輸入輸入元素時，我希望React組件將過濾器應用於其狀態。 如何將這些信息傳遞給React組件，並使它對它進行“反應”？ HTML頁面屬於應用程序，無法進行React標准化。

Answer 1

進行React組件更新的最簡單方法是更新其props。 因此，您需要向React組件添加一個prop，在對輸入進行更改時可以使用該prop進行更新。 這樣會將新數據傳遞到組件，然后將其重新呈現。

因此，無論React組件位於何處，都需要在更改輸入中的文本時傳遞一個變量。

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

<Items filter={filter_string} />