2017-05-30 38 views
0

私はフィルタリングに使用される入力要素を持つ通常のHTMLページとアイテムのテーブルを管理し表示するReactコンポーネントを持っています。ユーザーが入力要素を入力すると、Reactコンポーネントがフィルターをその状態に適用するようにします。どのようにしてこの情報をReactコンポーネントに渡し、それに反応させるか? HTMLページはアプリケーションに属し、React-ifiedはできません。外部からReact/Reduxコンポーネントの状態を変更するにはどうすればよいですか?

答えて

0

Reactコンポーネントを更新する最も簡単な方法は、そのコンポーネントを更新することです。したがって、入力を変更したときに更新するために使うことができるReactコンポーネントに小道具を追加する必要があります。これにより、新しいデータがコンポーネントに渡され、再描画されます。

Reactコンポーネントがどこにあっても、入力内のテキストを変更するときは、変数を渡す必要があります。

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

<Items filter={filter_string} /> 
関連する問題