#javascript #reactjs #react-final-form
Вопрос:
Согласно документации по окончательной форме React, я могу передать обратный вызов onChange lt;FormSpy /gt; компоненту для выполнения кода при изменении состояния формы. Однако я также обнаружил, что если мне нужно запускать какую-либо функцию каждый раз при изменении формы, я также могу поместить эту функцию в оператор обратного вызова рендеринга формы перед возвращением:
lt;Form onSubmit={onSubmit} render={({ handleSubmit }) =gt; { myFunctionToRunOnChange(); // Call function here return ( lt;form onSubmit={handleSubmit}gt; lt;divgt; lt;labelgt;First Namelt;/labelgt; lt;Field name="firstName" component="input" placeholder="First Name" /gt; lt;/divgt; lt;button type="submit"gt;Submitlt;/buttongt; lt;/formgt; ); }} /gt; Это хорошая практика? Например, по сравнению с использованием FormSpy для onChange…
Комментарии:
1. Это зависит от многих вещей, Иван, но самый простой способ проверить, что вы могли бы попытаться изменить родительский компонент вашей формы. Если это работает идеально, как вы ожидаете, значит, у вас все хорошо. Еще одна вещь, которую вы могли бы учитывать, — это стиль кодирования, читабельность кода и запах кода. вызов этого внутри метода визуализации звучит для меня как неявный подход.