import React, { Component } from "react";

import Children from "./Children";

class Father extends Component {

  constructor(props) {

    super(props);

    this.state = {

      value: "hello world",

    };

  }

  render() {

    return <Children content={this.state.value} />;

  }

}

export default Father;

----------------------------------------------

import React, { Component } from "react";

class Children extends Component {

  render() {

    const { content } = this.props;

    return <div>{content}</div>;

  }

}

export default Children;