Question

我正在尝试在此处设置react-redux存储，并且浏览器中出现错误消息：

错误：在“连接（卡）”的上下文中找不到“商店”。将根组件包装在中，或者在连接选项中将自定义React上下文提供程序传递给Connect（Card），并将相应的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'));

App.js

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

const App = props => {

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

export default App;

Counter.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);

reducer.js

import {combineReducers} from "redux";

const initialState = {
  counter: 0
};

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

export default reducer

这是一个非常简单的设置，我不确定哪里出了问题，请帮忙。

Answer 1

仅从react-redux导入连接：

import { connect } from 'react-redux'

又为什么要弄乱计数器组件中使用的Card组件。您为什么不直接在Card组件中用于连接？

React Redux商店设置：错误：找不到“商店”

1 个答案: