Ошибка при вызове функции из импортированного файла в React

Question

Быстрый вопрос, но он меня долго мучил. Я пытаюсь вызвать функцию signUpUser() в приведенном ниже коде, но она не вызывается. Я не могу написать this.props.signUpUser(), поэтому я не знаю, как еще вызвать функцию, кроме как написать, как я сделал ниже.

• К вашему сведению Я удалил код возврата, чтобы блок кода был маленьким

import React, { useState } from 'react';
import { signUpUser } from '../redux/actions/userActions.js';

function Register() {
  const [newUserData, setnewUserData] = useState('');
  const [showRegistered, setShowRegistered] = useState(false);
  if(showRegistered) {
    signUpUser(newUserData);
    return(

    )
  } else {

  }

}

Answer 1

попробуйте сделать это:

const mapDispatchToProps = (dispatch) => {

return {
signup: () => dispatch(signUp()),
   }
}

подключите его к вашему компоненту:

export default connect({}, mapDispatchToProps)(Register);

Теперь, если вы не хотите отправлять свое действие, вы можете использовать signup(). Чтобы использовать действия, вы должны делать их внутри функции диспетчеризации избыточности. Дайте мне знать, если это сработало для вас:)