Я использую redux-thunk
, чтобы получить данные из файла JSON .I следовать этот URLКак получить данные из json-файла в ответ?
https://github.com/gaearon/redux-thunk Я получаю эту ошибку
промежуточного слоя не является функцией
могли бы вы сказать мне, как получить данные из json-файла и показать в компоненте
вот мой код https://plnkr.co/edit/R6TCNcK4kUaRkTDpObQN?p=preview
const {thunk} =ReduxThunk;
const abc= (state=0,action) => {
console.log('in redux', action.type)
switch(action.type){
case 'INC':
return state +1
case 'DEC':
return state -1
default :
return state;
}
}
const {createStore,bindActionCreators ,applyMiddleware } =Redux;
const {Provider,connect} =ReactRedux;
const store = createStore(abc,
applyMiddleware(thunk)
);
class First extends React.Component {
constructor (props){
super(props);
this.state ={
digit :0
}
}
inc(){
console.log('ince', this.props)
this.props.increment();
}
dec(){
console.log('dec')
this.props.decrement();
}
getDate(){
}
render(){
return (
<div>
<button onClick={this.inc.bind(this)}>INCREMENT</button>
<p>{this.props.digit}</p>
<button onClick={this.dec.bind(this)}>DECREMENT</button>
<button onClick={this.getDate.bind(this)}>GET DATA</button>
</div>
)
}
}
const actions = {
increment:() => {
return {
type: 'INC',
}
},
decrement:() => {
return {
type: 'DEC',
}
}
};
const AppContainer = connect(
function mapStateToProps(state) {
return {
digit: state
};
},
function mapDispatchToProps(dispatch) {
return bindActionCreators(actions, dispatch);
}
)(First);
ReactDOM.render(
<Provider store={store}>
<AppContainer/>
</Provider>
,document.getElementById('root'))
могли бы вы изменить в plunker и получить данные из файла – user5711656
пересматриваемых plunker: https://plnkr.co/edit/OfwSHVj8Y1in1wOQgeTy?p=preview – Swapnil
Если вы хотите включить JSON из другого файла, используйте импорт/экспорт с помощью модуля-пакета или просто используйте тег сценария в html-файле и предоставьте атрибут src с файлом пути (который я сделал в плункере, так как там там не было никакого модуля) – Swapnil