react-admin：調度動作以存儲來自動態請求的元數據

Question

你好這個問題是繼續這一個 ！

我通過ajax請求動態獲取我的路由（在官方文檔“在運行時聲明資源” 這篇文章之后），我正在使用異步函數從ajax請求返回資源列表。

分配存儲元數據的動作的最佳方法是什么，我在redux中形成ajax請求，以便以后訪問？

此外，當用戶尚未登錄時，此功能將不會返回任何內容，登錄后，用戶將可以訪問幾個資源。 重新加載資源的最佳方法是什么？

Answer 1

為了使這個工作，我添加了一個私有變量，我存儲問題中提到的數據，我通過另一個函數訪問它，我從該文件導出。

這給了我我需要的東西，但我不知道這是不是最好的方法。

Answer 2

最好的選擇是使用redux-saga 。 https://redux-saga.js.org/docs/introduction/BeginnerTutorial.html

然后

export function* async() {
  yield fetch(); //your Ajax call function
  yield put({ type: 'INCREMENT' }) //call your action to update your app
}

如果你不能使用redux-saga，我喜歡你的私有變量解決方案。 你應該繼續這樣做。

Answer 3

https://github.com/redux-utilities/redux-actions

redux-actions設置非常簡單。 配置存儲，然后您可以在單個文件中設置每個狀態值：

 import { createAction, handleActions } from 'redux-actions' let initialState = { myValue: '' } export default handleActions({ SET_MY_VALUE: (state, action) => ({...state, myValue: action.payload}) }) export const setMyValue = createAction('SET_MY_VALUE') export const doSomething = () => { return dispatch => { doFetch().then(result => { if (result.ok) dispatch(setMyValue(result.data)) }) } } 

然后在組件中，您只需連接即可訪問狀態值

 import React from 'react' import PropTypes from 'prop-types' import { connect } from 'react-redux' class MyComponent extends React.Component { render = () => ( <span>{this.props.myValue}</span> ) } MyComponent.propTypes = { myValue: PropTypes.string.isRequired } const mapStateToProps = (state) => ({ myValue: state.myState.myValue }) const mapDispatchToProps = () => ({}) export default connect(mapStateToProps, mapDispatchToProps)(MyComponent)