我試圖讓我的待辦事項列表在頁面上顯示我的工作，但它不想顯示所有這些錯誤。我希望任務的用戶輸入顯示為一個塊 Cant 似乎弄清楚出了什么問題我查看了文本類型但那是正確的我不知道內容/用戶輸入是否沒有被正確讀取為字符串或什么.class App extends Component {  constructor(props) {      super(props);      this.state = {          noteText: "",          notes: []      };  }  updateNoteText(noteText) {      this.setState({ noteText: noteText.target.value });  }  addNote() {      if (this.state.noteText === "") {          return;      }      let notesArr = this.notes;      notesArr.push(this.state.noteText);      this.setState({ noteText: "" });      this.textInput.focus();  }  handlekeyPress = event => {      if (event.key === "Enter") {}  };  deleteNote(index) {      let notesArr = this.state.notes;      notesArr.splice(index, 1);      this.setState({ notes: notesArr });  }  render() {      let notes = this.state.notes.map((val, key) => {          return (              <Todo key={key} text={val} deleteMethod={() => this.deleteNote(key)} />          );      });      return (          <div className="container">          <div className="header">React Todo List</div>          <div className="btn" onClick={this.addNote.bind(this)}>            +          </div>          {notes}          <input            type="text"            ref={input => {              this.textInput = input;            }}            className="textInput"            value={this.state.noteText}            onChange={noteText => this.updateNoteText(noteText)}            onKeyPress={this.handlekeyPress.bind(this)}          />        </div>      );  }}export default App;