react-admin 中的 showNotification 不起作用
showNotification in react-admin doesn't work
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 应用程序中显示通知?
我错过了什么?
动作调度程序作为组件的属性传入,因此得名 mapDispatchToProps
。因此,要调用动作调度程序,您可以使用 this.props.showNotification('Hello, World')
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 应用程序中显示通知? 我错过了什么?
动作调度程序作为组件的属性传入,因此得名 mapDispatchToProps
。因此,要调用动作调度程序,您可以使用 this.props.showNotification('Hello, World')