如何更新React組件的流？

Question

我有一個簡單的功能組件

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

我怎樣才能提供價值流的props參數，使組件更新的反應方式，消費流？因此，每當新值來自流時，我都會使用該值更新組件。

基本上我正在尋找一種方法來手動重新渲染組件。

Answer 1

您可以使用兩種基本方法：

1. 組件重新描繪，其中你提到
2. 國家系統：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/>; 
 
    } 
 
}