Настройка React Redux Store: Ошибка: не удалось найти "магазин" - PullRequest
Новая
       10

Настройка React Redux Store: Ошибка: не удалось найти "магазин"

0 голосов
/ 05 мая 2020

Я пытаюсь настроить здесь response-redux store, и у меня появляется сообщение об ошибке в браузере:

Ошибка: не удалось найти «store» в контексте «Connect (Card ) ". Либо оберните компонент root в , либо передайте настраиваемого поставщика контекста React и соответствующего потребителя контекста React в Connect (Card) в параметрах подключения.

Index. js

import React from 'react';
import ReactDOM from 'react-dom';
import {createStore} from "redux";
import reducer from "./Store/reducer";
import {Provider} from "react-redux";

const store = createStore(reducer);

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

Приложение. js

import React from 'react';
import Counter from "../counter";

const App = props => {

  return (
      <div className="App">
        <Counter/>
      </div>
  );
};

export default App;

Счетчик. js

import connect from "react-redux/lib/connect/connect";
import Card from "../Components/Card";
import React from "react";

const Counter = (Card);

const mapStateToProps = state => {
  return {
    ctr: state.counter
  };
};

export default connect(mapStateToProps)(Counter);

редуктор. js

import {combineReducers} from "redux";

const initialState = {
  counter: 0
};

const reducer = (state = initialState, action) => {
  return state;
};

export default reducer

Это действительно простая установка, и я не уверен, что пошло не так, пожалуйста, помогите.

1 Ответ

1 голос
/ 05 мая 2020

Просто импортируйте соединение из react-redux: 

import { connect } from 'react-redux'

И почему вы возитесь с компонентом Card, используемым в компоненте Counter. Почему бы вам напрямую не подключиться к нему в компоненте Card?

...