Reactjs 如何从react中的json文件中获取数据?

Reactjs 如何从react中的json文件中获取数据?,reactjs,react-router,react-redux,redux-thunk,Reactjs,React Router,React Redux,Redux Thunk,我正在使用redux thunk从json文件中获取数据 我得到了这个错误 中间件不是一种功能 您能告诉我如何从json文件中获取数据并在组件中显示吗 这是我的密码 const{thunk}=reduxtunk; 常量abc=(状态=0,操作)=>{ console.log('in redux',action.type) 开关(动作类型){ 案例“公司”: 返回状态+1 案例“DEC”: 返回状态-1 违约: 返回状态; } } const{createStore,bindActionCre

我正在使用
redux thunk
从json文件中获取数据

我得到了这个错误

中间件不是一种功能

您能告诉我如何从json文件中获取数据并在组件中显示吗

这是我的密码

const{thunk}=reduxtunk;
常量abc=(状态=0,操作)=>{
console.log('in redux',action.type)
开关(动作类型){
案例“公司”:
返回状态+1
案例“DEC”:
返回状态-1
违约:
返回状态;
}
}
const{createStore,bindActionCreators,applyMiddleware}=Redux;
const{Provider,connect}=ReactRedux;
常量存储=创建存储(abc,
applyMiddleware(thunk)
);
类首先扩展React.Component{
建造师(道具){
超级(道具);
这个州={
数字:0
}
}
公司(){
console.log('ince',this.props)
this.props.increment();
}
十二月(){
console.log('dec')
这个.props.减量();
}
getDate(){
}
render(){
返回(
增量
{this.props.digit}

减量 获取数据 ) } } 常量动作={ 增量:()=>{ 返回{ 键入:“INC”, } }, 减量:()=>{ 返回{ 类型:“DEC”, } } }; const AppContainer=connect( 函数MapStateTops(状态){ 返回{ 数字:国家 }; }, 功能图DispatchToprops(调度){ 返回bindActionCreators(操作、分派); } )(一); ReactDOM.render( ,document.getElementById('root'))
你就快到了

只需将第一行替换为:

const thunk = ReduxThunk.default;

他们已经改变了导出的方式,并在他们的

中提到了这一点。您是否可以在plunker中进行更改并从文件中获取数据更新plunker:如果您想包含另一个文件中的JSON,请使用模块绑定器进行导入/导出,或者只在html文件中使用脚本标记,并为src属性提供文件路径(这是我在plunker中做的,因为那里没有任何模块绑定器)Thunk有什么用?这个问题有一个很好的答案
const thunk = ReduxThunk.default;