admin管理员组文章数量:1331230
I wanna get the data from my Redux storage, not an error :)
In a function based ponent I always do like this
...
import { useSelector } from 'react-redux';
export deafult function App(...){
...
const someData = useSelector(state => state.someData);
...
return (...)
}
...
But when it es to a class based ponent I want smth like this, but I get an error :(
...
import { useSelector } from 'react-redux';
export default class App extends Component {
constructor(...){
...
const someData = useSelector(state => state.someData);
...
}
render(...)
}
...
I wanna get the data from my Redux storage, not an error :)
In a function based ponent I always do like this
...
import { useSelector } from 'react-redux';
export deafult function App(...){
...
const someData = useSelector(state => state.someData);
...
return (...)
}
...
But when it es to a class based ponent I want smth like this, but I get an error :(
...
import { useSelector } from 'react-redux';
export default class App extends Component {
constructor(...){
...
const someData = useSelector(state => state.someData);
...
}
render(...)
}
...
Share
Improve this question
edited Oct 22, 2020 at 23:48
asked Oct 22, 2020 at 23:23
user14497276user14497276
1 Answer
Reset to default 7Hooks only works with functional ponents
Instead of useSelector you can pass you props from react-redux like this
import React from 'react'
import {connect} from 'react-redux'
class App extends React.Component{
...
//Your data from react-redux can be called like this.props.someData
const someData = this.props.someData;
...
}
const mapStateToProps = state => {
return {
someData: state.someData
}
}
export default connect(mapStateToProps)(App)
本文标签: javascriptHow to use useSelector in a class based component ReactreduxStack Overflow
版权声明:本文标题:javascript - How to use `useSelector` in a class based component? React, Redux - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742246397a2439803.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论