Почему onSubmit работает именно так?

Question

[fastwalkerrr]

Почему тут мы указываем какая функция вызывается при вводе данных:
onSubmit={addJournalItem}

И в этой вызванной функции мы снова вызываем onSubmit которая до этого была вызвана вводом клавиатуры?

const addJournalItem = (e) => {
    e.preventDefault()
    // Получаем данные из формы и преобразуем их в объект
    const formData = new FormData(e.target)
    const formProps = Object.fromEntries(formData)
    console.log(formProps) // Выводим данные в консоль
    // Вызываем функцию onSubmit и передаем ей данные из формы
    onSubmit(formProps)
  }

Почему тут мы указываем какая функция вызывается при вводе данных:
onSubmit={addJournalItem}

И в этой вызванной функции мы вызываем onSubmit которая до этого была вызвана вводом клавиатуры?

const addJournalItem = (e) => {
    e.preventDefault()
    // Получаем данные из формы и преобразуем их в объект
    const formData = new FormData(e.target)
    const formProps = Object.fromEntries(formData)
    console.log(formProps) // Выводим данные в консоль
    // Вызываем функцию onSubmit и передаем ей данные из формы
    onSubmit(formProps)
  }

Comments

[WbICHA]

И в этой вызванной функции мы снова вызываем onSubmit которая до этого была вызвана вводом клавиатуры?

Нет, не была.

И в этой вызванной функции мы снова вызываем onSubmit которая до этого была вызвана вводом клавиатуры?

Нет, не была.

Answer 1

[historydev]

Это событие формы:
onSubmit={addJournalItem}

Это функция которая получает данные из формы:
const addJournalItem = (e) => {

Это функция которая что-то делает с данными которые передаёт ей addJournalItem:
onSubmit(formProps)