Nested Component in React

Nested component in React means Component in Component like nested loop

Nested Component makes easier to write React code.

While desiging two dimension array or graph we use nested loop to write two dimensional loop

similary in Nest component we wrte component in component

Example:

class Name extends React.Component {
  render() {
    return <h2>my name is yashpal</h2>;
  }
}

class College extends React.Component {
  render() {
    return (
      <div>
      <h1>College down </h1>
      <Name />
      </div>
    );
  }
}

Initializtion

ReactDOM.render(<College />, document.getElementById('root'));

Output

College down

my name is yashpal