react-admin 中的 showNotification 不起作用答案

【问题标题】：showNotification in react-admin doesn't workreact-admin 中的 showNotification 不起作用
【发布时间】：2019-06-01 09:25:18
【问题描述】：

1.从生命周期回调中调用。 我有如下代码：

// app.js
<Admin>
   <Resource name="FooList" list={FooList} />
</Admin>

// FooList.js
class FooList extends React.Component {
     componentDidMount () {
         showNotification("foo")
     }
}

export default connect(null, {showNotification})(FooList)

当组件挂载时，控制台出现错误：

 Warning: React does not recognize the `showNotification` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `shownotification` instead. If you accidentally passed it from a parent component, remove it from the DOM element.

2。调用某些事件（例如单击）。在其他情况下，我有一些处理程序并在其中调用 showNotification。

class Foo extends React.component {
   handleClick = () => {
      showNotification('Hello, World')
   }
}

export default connect(null, { showNotification })(Foo)

在这种情况下，调用了handleClick，但没有出现通知，但控制台中没有错误

下面是我对项目的依赖

"dependencies": {
  "@material-ui/core": "1.5.1",
  "@material-ui/icons": "3.0.1",
  "apollo-boost": "^0.1.22",
  "apollo-link-schema": "^1.1.2",
  "graphql": "^14.0.2",
  "graphql-tag": "^2.10.0",
  "graphql-tag.macro": "^2.0.0",
  "graphql-tools": "^4.0.3",
  "graphql.macro": "^1.0.2",
  "material-ui": "^0.20.2",
  "ra-core": "^2.4.3",
  "ra-data-graphql": "^2.4.3",
  "react": "^16.3.2",
  "react-admin": "^2.4.3",
  "react-dom": "^16.3.3",
  "react-material-ui-form-validator": "^2.0.2",
  "react-scripts": "^2.1.1",
  "redux": "^4.0.1",
  "redux-thunk": "^2.3.0",
  "seamless-immutable": "^7.1.4"
}

如何在 react-admin 应用中显示通知？我错过了什么？

【问题讨论】：

标签： reactjs react-redux react-admin

【解决方案1】：

动作调度程序作为组件的属性传入，因此名称为mapDispatchToProps。因此，要调用动作调度程序，您可以使用this.props.showNotification('Hello, World')

【讨论】：

谢谢！有用。导入 showNotification 和 const { showNotification } = this.props 搞砸了