Почему функция onSubmit вызывается именно таким образом?

Функция onSubmit обычно используется для обработки событий отправки формы, например, при нажатии на кнопку "Отправить". В данном случае, когда пользователь вводит данные через клавиатуру и нажимает Enter, событие onSubmit также срабатывает, поскольку форма текстового поля считается формой, которую можно отправить.

Таким образом, когда пользователь вводит данные и нажимает Enter, вызывается функция addJournalItem, которая обрабатывает введенные данные и добавляет их в журнал. Далее, если необходимо выполнить какие-либо дополнительные действия при вводе данных или отправке формы, можно использовать onSubmit снова для вызова соответствующих функций.

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

Это событие формы: 
 onSubmit={addJournalItem} 
 
 Это функция которая получает данные из формы: 
 const addJournalItem = (e) => { 
 
 Это функция которая что-то делает с данными которые передаёт ей addJournalItem : 
 onSubmit(formProps)