React – Les props

<div id="root"></div>

class App extends React.Component {
    state = { 
        titre: "Mon catalogue voiture" }
 
    render() { 
        return < MesVoitures title={this.state.titre} />; 
    } 
} 

class MesVoitures extends React.Component {
    addStyle = (e) => {
           e.target.classList.toggle('styled');
    }
   render() {
       return (
           <div>
               <h1 onMouseOver={this.addStyle}>{this.props.title}</h1>
             <Voiture marque="Ford" couleur= "noire" />
           </div>
       ); 
    } 
} 

const Voiture = (props) => {
    return (
        <div>
            <p>Marque : { props.marque }</p> <p>Couleur : { props.couleur }</p>
        </div>
    ); 
}; 

ReactDOM.render(<App />, document.getElementById("root"));

Testez vos propres exemples sous Jsfiddle. Cliquez ici