最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - How to use `useSelector` in a class based component? React, Redux - Stack Overflow

programmeradmin5浏览0评论

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
Add a ment  | 

1 Answer 1

Reset to default 7

Hooks 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)
发布评论

评论列表(0)

  1. 暂无评论