containerComponent.jsx

export default class ContainerComponent extends Component {

  state = { firstName: "", lastName: "", address: "", data: [] };

  componentDidMount() {
    axios.get("/url/blablabla").then(res => this.setState({ data: res.data }));
  }

  onChangeEvent = () => {
    // Complex logic here...
  }

  onComputeComplexFormulas = () => {
    // Complex logic here...
  }

  render() {
    const { firstName, lastName, address } = this.state;

    return (
      <div>
        <DumbComponent firstName={firstName} lastName={lastName} address={address} />
      </div>
    )
  }


}

dumbComponent.jsx

const DumbComponent = ({ firstName, lastName, address }) => {
  return (
    <div>
      My complete information:
      <h3>{firstName}</h3>
      <h3>{lastName}</h3>
      <h3>{address}</h3>
    </div>
  )
}

export default DumbComponent;