Почему у меня в props передается undefined?

Question

[Arti-Jack]

Есть код React приложения

Точка входа:

import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { createStore } from 'redux'; 
import reducer from './store/reducers'
import App from './App.js';


let store = createStore(reducer);


render(
  <Provider store={store}>
          <App />
  </Provider>, 
  document.getElementById('root')
);

Редьюсер:

export default const taskReducer = (state = [], action) => {
  switch (action.type) {
    case 'ADD_TASK':
      return [...state,
              action.payload];
      break;


    default:
      return state;  
  }
}

Компонент:

import React from 'react'
import { connect } from 'react-redux'

class App extends React.Component {
  render() {
console.log(this.props.entryText) // undefined!
    return (
      <div>
        <input type='text' placeholder='Add your task here' />
        <button >Add</button>
        
      </div>
    )
  }
}

export default connect(state => {entryText: state }, dispatch => { })(App)

Почему у меня не передаётся состояние стора в props компонента через mapStateToProps? Что я делаю не так?

Answer 1

[eternalSt]

// Вот так вот попробуй
export default connect(state => ({entryText: state }), dispatch => { })(App)

// Вместо
// export default connect(state => {entryText: state }, dispatch => { })(App)

Думаю объяснения не нужны =)

Comments

[Максим]

eternalSt а может и добавить стоит) что когда запись идет в одну строку, и нужно вернуть объект, то его обязательно нужно взять в круглые скобки, иначе получается что запись "вместо" превращается в такую:

(function (state) {
  entryText: state;
});

а запись "вот так попробуй" в:

(function (state) {
  return { entryText: state };
});

// "копия письма" Arti-Jack ;)

Answer 2

[Даша Циклаури]

когда наследуешься нужно вызывать конструктор базового класса

constructor(){
super();
}

Comments

[eternalSt]

В данном случае нет необходимости в вызове конструктора, поскольку в самом компоненте, локальное состояние компонента this.state не используется. А значит и необходимости в вызове конструктора отсутствует. Пример с применением constuctor, и пример без него. (Примеры со страницы офф. доков раздел State and Lifecycle)

[Даша Циклаури]

eternalSt, да, точно, спасибо! мы же мапим стейт в пропсы