Componant2

by Michel Piallier

HTML

<script src="https://fb.me/react-dom-0.14.3.js"></script>
 <!--<Positionnement de l'élément à ajouter  -->
<div id="pos"></div>
<div id="pos2"></div>
<div id="pos3"></div> 
<div id="pos4"></div>

CSS

.vert{
  Color: green;
}

Babel + JSX

const Hello = function(){
	return <h1 style={{ color: 'red' } }>Hello</h1>
}
   
ReactDOM.render(<Hello />, document.getElementById('pos'));
   
   
const Hello2 = function(){
	return <h1 className="vert" >Hello2</h1>
}

ReactDOM.render(<Hello2 />, document.getElementById('pos2'));
   
   
const Hello3 = function(props){
	return <h1 style={{color: props.couleur}}>Hello3</h1>
}

ReactDOM.render(<Hello3 couleur="#0000ff" />, document.getElementById('pos3'));

const App1 = function(){
	return <div>
  <Hello />
  <Hello2 />
  <Hello3 />
</div>;
}
ReactDOM.render(<App1 />, document.getElementById('pos4'));