noContextAPI.js

import React, { Component } from 'react';

// Family chỉ làm nhiệm vụ trung chuyển props cho Person
const Family = (props) => (
  <div className="family">
    <Person info={props.person} />
  </div>
)

class Person extends Component {
  render() {
    const { age, name } = this.props;
    return (
      <div className="person">
        <p>Age: {age}</p>
        <p>Name: {name}</p>
      </div>
    )
  }
}


class App extends Component {
  state = {
    name: "Dan",
    age: 28
  };

  render() {
    return (
      <div>
        <p>This is a demo that we do not use Context API</p>
        <Family person={this.state} />
      </div>
    );
  }
}


export default App;