Как сделать редирект через react router dom в асинхронном экшне?

Question

[lexstile]

Нужно перенаправить пользователя после успешной регистрации на страницу входа.
Хотелось бы обойтись возможностями реакт роутера, но другие варианты тоже рассматриваю.
Желательно, не передавая history (useHistory) аргументом в createUser.
package.json

{
"react-router-dom": "^5.3.0"
}

Register.jsx

const onSubmit = ({ phone, email, password }, { setSubmitting }) => {
    dispatch(createUser({ phone: replace(phone, /\D/g, ''), email, password }));
    setSubmitting(false);
  };

          <Formik
            validationSchema={RegisterSchema}
            initialValues={{ [FIELDS.PHONE]: '', [FIELDS.EMAIL]: '', [FIELDS.PASSWORD]: '' }}
            onSubmit={onSubmit}
          >
          // ..................
          </Formik>

createUser.js

const callRegister = (data) => http.post(METHODS.REGISTER, data);

export const createUser = (data) => async (dispatch) => {
  const [execute] = apiShell(callRegister, dispatch);
  const response = await execute(data);

  const success = get(response, 'success') || false;

  if (success) {
    // здесь нужен редирект
  }
};

UPD: в общем, сделал так, пока работает.

Comments

[WbICHA]

Желательно, не передавая history (useHistory) аргументом в createUser.

Почему?

[lexstile]

WbICHA, кажется, что сам подход не особо - лаконично, когда функция принимает один аргумент.
Через себя переступил, когда диспатч отправил аргументом здесь:

const [execute] = apiShell(callRegister, dispatch);

[WbICHA]

lexstile,

кажется, что сам подход не особо - лаконично, когда функция принимает один аргумент.

Что за бред? Норма - 0-4 аргумента.
В данном случае искать костыли - это вот вообще не норма.

[lexstile]

WbICHA, речь не о костылях, конечно же.
Возможно есть рабочие решения.
А когда много аргументов в функции - тяжеловато читать.
Пока сделал так.

[WbICHA]

lexstile,

речь не о костылях, конечно же.

в данном случае это костыли.

А когда много аргументов в функции - тяжеловато читать.

Много аргументов - это 5+ аргументов и тогда это может быть неудобно, но никак не 2 аргумента.

Пока сделал так.

Поздравляю, ты сделал костыль.

[lexstile]

WbICHA, почему это костыль, а не возможности модуля?

[WbICHA]

lexstile, потому что в данном случае это костыль. Самое логичное и правильное решение передавать хистори через аргументы, что позволяет прямо из компонента видеть, что функция будет работать с историей.
Более того, функцию вообще переименовать стоит, поскольку она делает куда больше, чем просто создаёт юзера.
В целом, подойдёт createUserAndRedirect.

[lexstile]

WbICHA, возможно, благодарю, что не остались равнодушны к моей проблеме.
Думаю, вы предложили более правильное решение с параметром - history или history.push.

А если вернуть результат выполнения в компонент и там сделать пуш на нужный урл? (единственное, если бы был не асинхронный экшн, было бы проще)

[WbICHA]

lexstile, можно. Так даже может быть и лучше, но это всё уже от конкретного случая зависит. Во всяком случае то решение, что по ссылке выше, оно вообще ужасное, имхо, потому что с ней абсолютно любая функция может работать с хистори и ты об этом узнаешь только после того, как заглянешь внутрь, что никак не улучшает читабельность.