xXRustamXx
@xXRustamXx

Почему не наследуются props через redux метод connect в в компонент App?

const state = {
  desks: [
    {
      id: 1,
      name: 'Что нужно сделать'
    },
    {
      id: 2,
      name: 'В процессе'
    }
  ]
};

function desksReducer(state = [], action) {
  switch ( action.type ) {
    case 'ADD_DESK':
      return [
        ...state,
        action.desk
      ]
    default: 
      return state;
  }
}

function reducer(state = {}, action) {
  return {
    desks: desksReducer(state.desks, action)
  };
}

const store = Redux.createStore(reducer, state);

class App extends React.Component {
  constructor(props) {
    super(props);
    console.log(this.props);
  }

  render() {
    return (
      <div class="desk__items">
        <button>Add new desk</button>
      </div>
    );
  }
};

ReactRedux.connect(store)(App);

var Provider = ReactRedux.Provider;
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>, 
  document.querySelector('#root'));
  • Вопрос задан
  • 120 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
/* ... */

const mapStateToProps = state => ({
  desks: state.desks,
});

const ConnectedApp = ReactRedux.connect(mapStateToProps)(App);

ReactDOM.render(
  <ReactRedux.Provider store={store}>
    <ConnectedApp />
  </ReactRedux.Provider>, 
  document.querySelector('#root'),
);
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
miraage
@miraage
Старый прогер
Потому что Вы не читаете документацию, в которой всё подробно описано.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы