React updating props.

App.jsx

const News = props => {
  const changeTitle = () => {
    props.changeTitle("Title changed!");
  };
  return (
    <div>
      <h1>{props.title}</h1>
      <div>{props.content}</div>
      <button onClick={changeTitle}>Mutate!</button>
    </div>
  );
};
 class App extends Component {
  state = {
    title: "News title",
    content: "A description should be here!"
  }
  changeTitle = () => {
    this.setState({ title: "Title changed!" });
  }
  printState = () => {
    const { title, content } = this.state;
    console.log(`News title: ${title}, News content: ${content}`);
  }
  render() {
    const { title, content } = this.state;
    return (
      <div>
        <News title={title} content={content} changeTitle={this.changeTitle} />
        <button onClick={this.printState}>Print parent state</button>
      </div>
    );
  }
}