他のライブラリとの反応で観測可能にする方法

Question

他のライブラリからインポートする<TextInput />を返すコンポーネントがあります。 TextInputはonChangeの小道具を持っています。function(value) { // do something with value} .soどのように私はそのvalueで観測可能にすることができ、どこでも観測可能なものを使用できますか？

import TextInput from 'otherLibrary'; 
import Rx from 'rxjs/Rx'; 

export default class MyComponent extends PureComponent { 

    handleTextChange = (value) => { 
     this.observable = Rx.observable.from(value).do(() => console.log(value)) 
     // how to make an observable with `value`? If i just make it like this, every time input a letter in the TextInput will make a new observable, that's not correct. 
    } 
    render() { 

     return (

        <TextInput 
         defaultValue="" 
         onChange={this.handleTextChange} 
        /> 

     ); 
    } 
} 

Answer 1

コンポーネントはのonChangeであなたは以下にのonchangeのコールバックを変更する必要があり、この正しいを取得するために

this.setState({textInputValue: value}) 

を（使用して、コンポーネントの状態でこれを格納することができ、反応成分を返すの場合： ）今

<TextInput 
     defaultValue="" 
     onChange={this.handleTextChange.bind(this)} 
/> 

、いつでもその状態が変化し、そしてあなたがたとえばあり、別のコンポーネントへの小道具として、その状態を渡し、そのコンポーネントが再レンダリングされます。

は

handleChange = (e) => {.. 

value= e.target.value