TypeErro: не удается прочитать свойство ‘data’ с нулевым значением

#reactjs

#reactjs

Вопрос:

Я новичок в reactjs и внедряю приложение to do с использованием контролируемого компонента, но получаю сообщение об ошибке. Ошибка типа: this.state равно нулю!

Комментарии:

1. пожалуйста, поделитесь кодом.

2. Покажите нам какой-нибудь код.

Ответ №1:

Вы инициализировали свое состояние в конструкторе? Вы можете сделать это, создав функцию-конструктор в своем классе, например

 class TodoApp extends React.Component {
  constructor(props) {
    super(props);
    this.state = {todoList: []};
  }
  

Затем вы можете добавить свои задачи, выполнив это:

 let todoListChange = this.state.todoList;
todoListChange.push("Clean my toilet");
this.setState({todoList: todoListChange});
  

Ответ №2:

Вы не инициализировали свое состояние. Состояние по умолчанию — null .

 class App from React.Component {
   constructor (props) {
     super(props);
     this.state = { todos: [] }
   }

   render () {
     // your implementation 
   }

}