Пример кода;
<TextField id="name" onChange={(e: any) => setName(e.target.value)} value={name}> </TextField>
В таком случае; Перерисовывается ли TextField, когда я нажимаю любой символ? Или просто значение меняется?
Если сам элемент будет перерисован, это лучший способ сделать это?
Примечание. Я установил значение имени, потому что у меня есть форма, и если я вернусь на экран, я хочу установить значение состояния в значение TextField.
Вероятно, вам нужно разделить компоненты с состоянием на более мелкие компоненты, чтобы избежать повторного рендеринга, если реквизиты для этого компонента не изменились.
Если все отдельные элементы <TextField> находятся в одном большом родительском компоненте, React нужно будет каждый раз сравнивать запрошенную структуру пользовательского интерфейса всей формы.
Кроме того, используйте React DevTools — › Profiler чтобы увидеть, какие части работают медленно.
И React DevTools -> Компоненты –› Настройки –› Выделять обновления при рендеринге компонентов.
