Reactjs 找不到“；商店「；在“的上下文或道具中”；连接（DataTableContainer）"；

我正在使用react redux datatable插件创建表

react redux数据表用法： 我已经遵循了上述文件中给出的步骤

但我无法解决这个错误。我已经包括了提供者容器中的存储，但仍然遇到了问题

我犯了一个错误， 在“Connect（DataTableContainer）”的上下文或道具中找不到“store”。将根组件包装到提供程序中，或者将“存储”作为道具显式传递给“连接（DataTableContainer）”。

我已经包括了index.js和App.js这两个文件

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import { applyMiddleware, createStore, combineReducers } from 'redux';
import { Provider } from 'react-redux';
import logger from 'redux-logger'

import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import supplierReducer from './store/supplierreducer';
import { DataTableReducer } from 'react-redux-datatable';
import { connect } from 'net';

const rootReducer = combineReducers({
    supplierReducer,
    DataTableReducer
});

const store = createStore(
    rootReducer,
    applyMiddleware(logger)
);

const app = (
    <Provider store={store}>
        <App />
    </Provider>
);

ReactDOM.render(app, document.getElementById('root'));

serviceWorker.unregister();

从“React”导入React；
从“react dom”导入react dom；
从'redux'导入{applyMiddleware，createStore，combinereducer}；
从'react redux'导入{Provider}；
从“redux logger”导入记录器
导入“./index.css”；
从“./App”导入应用程序；
将*作为serviceWorker从“/serviceWorker”导入；
从“./store/supplierReducer”导入supplierReducer；
从“react-redux datatable”导入{DataTableReducer}；
从'net'导入{connect}；
const rootReducer=combinereducer({
供应商，
DataTableReducer
});
const store=createStore(
减根剂，
applyMiddleware（记录器）
);
常量应用=(
);
render（app，document.getElementById（'root'）；
serviceWorker.unregister（）；

App.js

import DataTable from 'react-redux-datatable';

class App extends Component {
render() {
        const apiLocation = 'https://api.myjson.com/bins/j59v8';

        const tableSettings = {
            tableID: 'BasicDataTable',
            keyField: 'request_id',
            tableColumns: [
                {
                    title: 'Ref',
                    key: 'request_id',
                },
                {
                    title: 'First Name',
                    key: 'first_name',
                }
            ],
        };

        return (
            <div>
                <DataTable
                    tableSettings={this.tableSettings}
                    apiLocation={this.apiLocation}
                />
            </div>
        );
    }

}

const mapStateToProps = state => {
    return {
        name: state.name,
        address: state.address,
        supplierData: state.supplierData
    };
};

const mapDispatchToProps = dispatch => {
    return {
        onSupplierDataListSuccess: (response) => dispatch({
            type: 'SUPPLIER_DATA_SUCCESS',
            response: response
        }),
        onSupplierDataListFailure: () => dispatch({
            type: 'SUPPLIER_DATA_FAILURE'
        })
    }
};

export default connect(mapStateToProps, mapDispatchToProps)(App);

从“react redux DataTable”导入DataTable；
类应用程序扩展组件{
render（）{
康斯特阿皮奥酒店https://api.myjson.com/bins/j59v8';
常数表设置={
tableID:'BasicDataTable'，
keyField:'请求\u id'，
表列：[
{
标题：'Ref'，
键：“请求\u id”，
},
{
标题：“名字”，
键：“名字”，
}
],
};
返回(
);
}
}
常量mapStateToProps=状态=>{
返回{
名称：state.name，
地址：state.address，
供应商数据：state.supplierData
};
};
const mapDispatchToProps=调度=>{
返回{
onSupplierDataListSuccess：（响应）=>调度({
类型：“供应商数据成功”，
答复：答复
}),
onSupplierDataListFailure:（）=>分派({
类型：“供应商\数据\故障”
})
}
};
导出默认连接（mapStateToProps、mapDispatchToProps）（应用程序）；

---

我收到错误，在“Connect（DataTableContainer）”的上下文或道具中找不到“store”。将根组件包装在提供程序中，或者将“store”作为prop显式传递给“Connect（DataTableContainer）”。

要访问该存储，您需要使用

MapStateTops

函数。查看此处的文档：

要访问商店，您需要使用

MapStateTops

功能。查看此处的文档：

您没有导入连接。您是否解决过此问题？我遇到了同样的错误，但还没有解决。你没有导入连接。你解决过这个问题吗？我得到了同样的错误，但还没有弄清楚。我已经给出了文件中的最小代码。如果我显示的进口将是非常大的文件。所以只给出了一个片段。它没有显示任何与导入相关的错误。我已经给出了文件中的最小代码。如果我显示的进口将是非常大的文件。所以只给出了一个片段。它不显示与导入相关的任何错误。