Как я могу присвоить новое значение, такое как const, новому значению в состоянии использования класса реакции, не используя компонент функции?

Question

Мне просто интересно, как мы получаем значение с помощью useSelect или dispatch (реагировать-редуцировать) и назначаем новую переменную в компоненте класса реакции.

Например,

Class Login extends component{

  constructor(props){
  super(props);

     this.state = {
       example: test,
       example: test1,
       example: test2
     }

     /////and I want to call dispatch here But I got error "Hook can be called out side of the function"
      const dispatch = new useDispatch();
   }

  render(){
  return(

  <Button onclick = {() => dispatch(userconnetion)}></Button>

  )

  }

}

Я не хочу использовать функциональный компонент для решения этой проблемы. Желательно использовать компонент Class.

Спасибо.

Answer 1

useSelector и useDispatch являются хуками, он работает только в функциональном компоненте. Вы используете его в компоненте класса. Вы либо преобразуете свой компонент в функциональный, либо используете mapStateToProps и mapDispatchToProps, если решите придерживаться компонента класса.