просмотрел кучу статей, как то все очень усложнено
как реализовать ajax запрос в react
?
есть ли рабочий пример?
UPDATE
использую redux
пытаюсь обновить store
через ajax
var React = require("react");
var ReactDOM = require("react-dom");
var redux = require("redux");
var Provider = require("react-redux").Provider;
var reducer = require("./reducer");
var AppView = require("./appview");
var ReduxThunk = require('redux-thunk').default;
var store = redux.createStore(reducer, redux.compose(redux.applyMiddleware(ReduxThunk)));
store.dispatch(getItems());
function getItems() {
fetch('/items.json')
.then(function(response) {
return response.json();
})
.then(function(data) {
console.log(data);
return {
type: "SET_STATE",
state: {
items: data.items
}
}
})
.catch( alert );
}
ReactDOM.render(
<Provider store={store}>
<AppView />
</Provider>,
document.getElementById("container")
);
получаю ошибку:
Uncaught Error: Actions must be plain objects. Use custom middleware for async actions
данные из JSON
считались, но как правильно их отдать в store
?
$ajax
,fetch
, rest.js, обмотать это все в redux-thunk (если используете redux), Relay/GraphQL - куча вариантов.