如何将状态从子组件传递到父组件？

我有一个名为 的父组件App和一个名为 的子组件Left。

Left组件有几个组件称为Settings和NotesList

class Left extends Component {
  constructor() {
    super();

    this.state = { isAddNewNoteClicked: false };
  }

  render() {
    return (
      <section>
        <Settings onNew={this.onNewNote.bind(this)} />
        <NotesList newNote={this.state.isAddNewNoteClicked} />
      </section>
    );
  }

  onNewNote = (isAddNewNoteClicked) => {
    this.setState({ isAddNewNoteClicked });

    {/* SEE EDIT */}
    {/* this.props.onNewNote(this.state.isAddNewNoteClicked); */}

    {/* SEE EDIT #2 */}
    this.props.onNewNote(isAddNewNoteClicked);
  }
}

Settings组件具有一个按钮，将通过isAddNewNoteClicked作为true点击时。

状态被向上传递到Left顺利，但我的问题是通过isAddNewNoteClicked从Left到App。

<App /> 看起来像这样

class App extends Component {
  constructor() {
    super();

    this.state = { isAddNewNoteClicked: false };
  }

  onNewNote = () => {
    console.log('test');
  }

  testFunction(a) {
    console.log('test', a);
  }

  render() {
    return (
      <main className="App">
        <Left onNew={this.testFunction.bind(this)} />
        <Right isAddNewNoteClicked={ this.state.isAddNewNoteClicked } />
      </main>
    );
  }
}

编辑

所以我在我的组件上添加this.props.onNewNote(this.state.isAddNewNoteClicked);了这个onNewNote函数<Left />，它现在正在调用那个函数，但是“”上的状态没有被更新......

编辑#2

而不是this.props.onNewNote(this.state.isAddNewNoteClicked);我添加了变量本身而不是来自状态的变量，它现在正在工作。