2017-05-12 3 views
0

私はどのように私はストリームを消費し、propsパラメータへの値のストリームを供給し、反応性の方法でコンポーネントのアップデートを行うことができますか?Reactコンポーネントのストリームを更新するにはどうすればよいですか?

const Hello = (props) => <div>{props.name}</div> 

シンプルな機能性成分を持っていますか新しい値がストリームから来るたびに、コンポーネントをその値で更新します。

基本的に、コンポーネントを手動で再レンダリングする方法を探しています。 https://facebook.github.io/react/docs/state-and-lifecycle.html

第二の方法は、次のようになります:

const Hello = (props) => <div>{props.name}</div> 
 

 
class Wrapper extends React.Component { 
 
    constructor(props) { 
 
    super(props); 
 
    this.state = { 
 
     name: '' 
 
    }; 
 
    } 
 
    
 
    componentDidMount() { 
 
    source.on('event', name => { 
 
     this.setState({name}); 
 
    }); 
 
    } 
 
    
 
    render() { 
 
    return <Hello name=this.state.name/>; 
 
    } 
 
}
あなたは
  • 国家システムを述べた

    1. コンポーネント再描画、:あなたは2つの基本的な方法を使用することができます

  • +0

    「*ストリームを消費する」とはどういう意味ですか? – Chris

    +0

    @Chrisもっと明確に書こうとしました。 –

    +0

    私はまだあなたの質問を理解していません。あなたのコンポーネントは 'props.name'の新しい値を提供するたびに更新されます。 – Chris

    答えて

    1

    +0

    ストリームの例をご存知ですか? –

    +0

    ソースはストリームのアナログです。ストリームのイベントを聴くことができます。 基本的にストリームはイベントを生成するエンティティです – lunochkin

    +0

    ありがとう、私は 'setState'を呼び出さずに少し修正しました:http://codepen.io/dmitriz/pen/rmvOjQ?editors = 0010 –

    関連する問題