0

我遵循https://marmelab.com/react-admin/CustomApp.html上的指南，以便将 react-admin 合并到现有的 react-redux 项目中。

我已将 admin、i18n 和路由器状态对象注入到一个通用列表组件中。但是，在渲染组件时，出现以下错误：

TypeError: resourceState is undefined
mapStateToProps
node_modules/ra-core/lib/controller/ListController.js:413
410 | 
411 | return {
412 |     query: getQuery(props),
> 413 |     params: resourceState.list.params,
414 |     ids: resourceState.list.ids,
415 |     selectedIds: resourceState.list.selectedIds,
416 |     total: resourceState.list.total,

重要的一点是，当console.log我使用组件的道具时，我可以看到管理对象确实存在，但它不包含“资源”对象。如何手动将资源加载到商店的管理员中？

组件的智能容器：

class MyContainer extends Component {
  render() {
    return(
      <Switch>
        <Route exact path='/admin/stuff/list' hasCreate render=
          {() => <MyList resource='myStuff' {...this.props}/>}/>
      </Switch>
    )
  }
}

const mapStateToProps = (state) =>{
  return {
    admin: state.admin,
    i18n: state.i18n,
    form: state.form
  }
}

最后，MyList 组件：

import React, { Component } from 'react'
import { List, Datagrid } from 'react-admin'

class MyList extends Component {
  constructor(props) {
    super(props)
  }

  render() {
    return(
      <List {...this.props}>
        <Datagrid>
        </Datagrid>
      </List>
    )
  }
}

export default MyList
4

1 回答 1

2

您需要手动“注册资源”。

因此，在您创建商店后，请执行以下操作：

import * as reactAdmin from "ra-core";
...
...
const store = createStore....


store.dispatch(reactAdmin.registerResource({
  name: "myStuff",
  hasList: true,
  hasEdit: false,
  hasShow: false,
  hasCreate: false
}));
于 2018-07-19T10:48:47.540 回答