react philosophy code example
Example 1: props and state react
function tick() {
const element = (
<div>
<h1>Hello, world!</h1>
<h2>It is {new Date().toLocaleTimeString()}.</h2>
</div>
);
ReactDOM.render( element, document.getElementById('root') );}
setInterval(tick, 1000);
Example 2: diagram how props are passed in react
import React, { Component } from 'react'; class App extends Component { render() { const greeting = 'Welcome to React'; return ( <div> <Greeting greeting={greeting} /> </div> ); }} class Greeting extends Component { render() { return <h1>{this.props.greeting}</h1>; }} export default App;