嘗試在“創建”組件中創建一個新注釋發送了一個 POST 請求并將其添加到數據庫中?，F在我需要將更改反映在“App”組件的狀態中。解決方案：在將 Note (Create Comp) 提交到數據庫時，將對象的副本發送到 App.js，在那里我們更新 state 中的 note 屬性，以便它反映數據庫中的更改。問題：出現一些錯誤，代碼中標記了問題行。class App extends Component{  state = {    notes: []  }  componentDidMount(){    fetch('http://localhost:3001/notes')      .then(resp => resp.json())      .then(data => this.setState({notes: data}))  }  onSubmitUpdateState(newNote){    const oldState = [...this.state.notes]    // Problem 2)    this.setState({notes: [...oldState, newNote]});  }  render(){    return(      <div className="App">        <Notes notes={this.state.notes}/>        <Create updateState={this.onSubmitUpdateState}/>      </div>    )  }}export default App;import React, { Component } from 'react';import classes from './Create.module.css';class Create extends Component{  state= {    title: "",    body: ""  }    onChange = (e)=>{    this.setState({[e.target.name]: e.target.value})  }  handleSubmit = (e)=>{    e.preventDefault();    const post = {      title: this.state.title,      body: this.state.body    }    // Problem 1    fetch('http://localhost:3001/notes', {      method: 'POST',      headers: {        'Content-Type': 'application/json'      },      body: JSON.stringify(post)    })      .then(res => res.json())      .then(data => this.props.updateState(data))    this.setState({      title: "",      body: ""    })  }