how to design reactjs models 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;