остановить действие формы от навигации

Question

Я создаю страницу регистрации с помощью React, в настоящее время я использую

<Form action="https://xxxxx.amazonaws.com/production/accounts/register/" method="post">

Это работает, но он перемещает / перенаправляет меня на страницу django, есть ли способ настроить его без навигации / перенаправления?

Я пробовал использовать <Form onSubmit={this.onSubmit}>

onSubmit = (event) => {
    event.preventDefault();

    fetch('https://xxxxxx.com/production/accounts/register/', {
      credentials: 'include',
      method: 'POST',
      mode: 'no-cors',
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'X-CSRFToken': csrftoken
      },
      body: JSON.stringify({
        username: this.state.username,
        email: this.state.email,
        password1: this.state.password1,
        password2: this.state.password2,
      })
    })
    .then((result) => {
      console.log("success");

    })
    .catch((error) => {
      console.error(error);
    });
  }

, но это не работает.