props and state react

JavaScript
What is the Props
Props is short for properties and they are used to pass data between React components. React’s data flow between components is uni-directional
wt is State
which allows components to create and manage their own data
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);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;
Source

Also in JavaScript: