Тормозит приложение при наборе текста
Есть приложение, использующее React в связке с Redux
Везде, где идет набор текста в input или textarea приложение начинает тормозить. Люди жалуются.
Почитал, что надо отключить devtools - отключил.
Дальше идут рекомментации по оптимизации shoultComponentUpdate, но тут надо обновлять каждый раз, т.к. каждая буква должна пропечататься.
Кто нибудь сталкивался с похожей проблемой? Может ли влиять на это размер состояния приложения? Состояние приложения объединяется из нескольких reducer'ов (7-8 штук) Каждый reducer может быть как Immutable.js объектом, так и простым js объектом.
На onChange вызывается один метод, который всплывает вверх по вложенным компонентам реакта на 3-4 уровня. Затем вызывается один экшн, который возвращает разу же объект, содержащий только name и value. Дальше один reducer его подхватывает и изменяет состояние через Immutable.setIn в одну строку.
Все происходит довольно плоско и я не знаю где можно оптимизировать. Помогите, пожалуйста, кто чем может.
Попробуйте использовать uncontrolled компоненты. Изменение содержимого input не приводит к изменению состояния компонента, соответственно не вызывается лишний раз метод render(), при этом, буквы в input пропечатываются. А значение input доступно по ссылке this.input.value, и вы можете использовать его, например, при отправке формы.
class NameForm extends React.Component {
constructor(props) {
super(props);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleSubmit(event) {
alert('A name was submitted: ' + this.input.value);
event.preventDefault();
}
render() {
return (
<form onSubmit={this.handleSubmit}>
<label>
Name:
<input type="text" ref={(input) => this.input = input} />
</label>
<input type="submit" value="Submit" />
</form>
);
}
}
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
- Почему SERVER_ADDR имеет не тот IP 47688 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 18.1.2025 | 21:01