Не вызывать отправку формы по нажатию на кнопку внутри нее

Я создаю реакт компонент, содержащий в себе элементы, одним из которых является форма содержащая кнопки. Так как кнопки внутри формы, по-умолчанию, они пытаются отправить post-запрос. Мне нужно остановить процесс отправки по нажатию на кнопку. Так же по нажатию на кнопку должна вызываться моя функция.
Не знаю как одновременно по нажатию вызвать нужную мне функцию и отменить отправку. Код создания кнопки:

React.createElement(
  "button",
  {className:"btn",onClick:this.signUpState},
  'Sign In'
),

Вот код функции, вызываемой по нажатию на кнопку:

this.signUpState=()=>{
 console.log("Hello!");
};

Остановить отправку можно с помощью метода :

e.preventDefault();

Как это записать в код?
Были попытки написать так:https://jsfiddle.net/n5u2wwjg/156435/