Comment mettre à jour un flux de composants React?

Question

J'ai un composant simple fonctionnel

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

Comment puis-je fournir un flux de valeurs au paramètre props et faire la mise à jour composant la mode réactive, en consommant le flux? Ainsi, chaque fois que la nouvelle valeur provient du flux, le composant est mis à jour avec cette valeur.

Fondamentalement, je suis à la recherche d'un moyen de rendre le composant manuellement.

Answer 1

Vous pouvez utiliser deux méthodes de base:

1. Composant nouveau rendu, que vous avez mentionné
2. système d'État: https://facebook.github.io/react/docs/state-and-lifecycle.html

La deuxième façon pourrait ressembler à ceci:

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/>; 
 
    } 
 
}