React, как отслеживать изменения в input?

Question

[San Manjiro]

Каким образом можно отслеживать изменения в input не прибегаю к нажатию, изменению чего либо в поле и т.д? Грубо говоря просто повесить на него какой-то слушатель, который постоянно будет наблюдать за изменением поля.

Comments

[Алексей Уколов]

отслеживать изменения в input не прибегаю к нажатию, изменению чего либо в поле

Отслеживать изменения без изменений?

повесить на него какой-то слушатель, который постоянно будет наблюдать за изменением поля

Ну так оно обычно и работает, в чём вопрос?

[San Manjiro]

Алексей Уколов, не совсем, если в кратце, то у меня устанавливается значение в поле инпут, но при использование useForm, он думает, что в поле ничего нет, пока я на него не нажму или пока в нем что-то не изменю.

[Алексей Уколов]

Ну вот, это совсем другой вопрос уже. Осталось только выяснить как значение устанавливается и можно будет даже на него ответить.

[San Manjiro]

я уже открывал такое ишью: https://qna.habr.com/q/1192906 . Но не расписывал как именно устанавливается туда значение. Устанавливается оно с помощью jquery скрипта.
Вот этот скрипт:

export const PlaceOfIssueScript = (placeOfIssue, OUCode) => {

  function formatResult(value, currentValue, suggestion) {
    suggestion.value = suggestion.data.code;
    return suggestion.data.code + " — " + suggestion.data.name;
  }
  function showSuggestion(suggestion) {
    $("#place_of_issue").val(suggestion.data.name);
    placeOfIssue(suggestion.data.name);
    OUCode(suggestion.data.code)
  }
  function clearSuggestion() {
    $("#place_of_issue").val("");
  }
  $("#code_division").suggestions({
    token: TOKEN,
    type: "fms_unit",
    formatResult: formatResult,
    onSelect: showSuggestion,
    onSelectNothing: clearSuggestion
  })
}

Answer 1

[Dosya]

Попробуй метод input.addEventListener('change', () =>{})