Я добавил контекстную причину React.js ссылки NavLink (из React Router) в кнопку, которую пытаюсь использовать. В любом случае, когда я хочу отправить данные с помощью:
submitData(event) {
event.preventDefault();
alert("Submitted");
}
Это будет работать:
<FormGroup>
<input type = "submit" />
</FormGroup>
Но этого не будет:
<FormGroup>
<Button type = "submit" id = "submitButton" color = "primary"><NavLink to = "/Confirm">Submit</NavLink></Button>
</FormGroup>
Не уверен, почему второй не работает, но это мой предпочтительный метод. Есть идеи или мысли о том, почему? Я знаю, что <button> новее, но добавление type = "input" должно заставить его работать.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Компонент NavLink уже прослушивает собственное событие отправки / нажатия, которое не распространяется на onSubmit вашей собственной формы.
Простое решение - просто привязать onClick NavLink к вашему собственному обработчику:
<FormGroup>
<Button type = "submit" id = "submitButton" color = "primary">
<NavLink to = "/Confirm" onClick = {this.submitData.bind(this)}>Submit</NavLink>
</Button>
</FormGroup>
Удалите event.preventDefault().
спасибо, но это не позволяет
<NavLink>перенаправить впоследствии. Почти как если форма отправляется, она просто останавливается, а затем не перенаправляет на страницу подтверждения.