TypeError: Невозможно прочитать свойство 'searchField' из null

Question

TypeError: Невозможно прочитать свойство 'searchField' с нулевым App.render

Answer 1

Как я вижу, все реквизиты, которые вы пытаетесь использовать, поступают из магазина (через mapStateToProps), поэтому вместо

const { searchField, onSearchChange, robots, isPending } = this.state;

вы должны сделать

const { searchField, onSearchChange, robots, isPending } = this.props;

Также,если вы используете состояние в рендере, не забудьте инициализировать состояние в компоненте или конструкторе:

// if your state doesn't depend on props    
class App extends Component {
         state = {
           isLoading: false
         }
    ....



//if your state depends on props(rare case but sometimes useful)

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

      const {isLoading} = props;
      this.state = {
         isLoading
      }
    }
....

Answer 2

TypeError: Невозможно прочитать свойство 'searchField' со значением null

Означает, что компилятор не нашел state в вашем компоненте.

И вы хотитеполучить эти значения из redux, поэтому вы должны использовать this.props вместо this.state