我是redux新手，我想知道是否可以在类组件中使用redux。我们知道钩子只在函数组件中工作，所以我导出了一个函数来使用useSelector访问存储：

import { useSelector, useDispatch } from "react-redux";

export default function Selector() {
  const counter = useSelector((state) => state.counter);
  return counter;
}

并将其导入到compone组件，因此将如下所示：

import React, { Component } from "react";
import selector from "../Store/selector";

export class Compone extends Component {
  componentDidMount() {
    console.log(selector());
  }
  render() {
    return (
      <>
        <h1>
          Counter: <span>0</span>
        </h1>
        <button style={{ marginRight: "10px" }}>Increase</button>
        <button>Decrease</button>
      </>
    );
  }
}

export default Compone;

并且我将compone组件导入到App根组件：

import React, { Component } from "react";
import Compone from "../components/compone/Compone";
export class App extends Component {
  render() {
    return (
      <div>
        <Compone />
      </div>
    );
  }
}

export default App;

所以这对我不起作用，有没有办法在类组件中使用redux？
如何在类组件中使用redux，如何在类组件中使用react redux，