React, разница в месте определения state
Использую ReactJS, пишу на ECMASсript 7 и использую транслятор BabelJS.
Есть два варианта объявления свойства state:
Первый:
constructor(props) {
super(props);
this.state = {
total: null,
next: null,
operation: null,
};Второй:
state = {
total: null,
next: null,
operation: null,
}Есть ли разница между двумя этими вариантами?
В рамках ES7 разницы по сути нет, оба вызова ведут к тому, что из всех методов класса, нам будет доступна ссылка this.state, а самая большая и главная разница тут в том, что все современные браузеры, пока вообще не поддерживают ES7, и для второго варианта, вам нужно использовать транслятор, первый же вариант, абсолютно ES6 совместим, соответственно поддерживается почти всеми современными браузерами. И тут образовывается ситуация, если вы уже активно используете трансляторы, то вы также смело можете использовать и объявление свойств в стиле ES7. Но лучше конечно, не использовать трансляторы вообще.
К тому же многие люди сейчас все еще живут в ES5 стиле, когда есть модный молодежный ES6, который еще так молод...
-
00:43
-
00:32
-
00:25
-
00:07
-
23:55
-
23:49
-
23:42
-
23:36
-
23:23
- Почему SERVER_ADDR имеет не тот IP 48032 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30576 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23994 visits
- Как через css изменить цвет png изображения? 10422 visits
- Blob video url download 10015 visits
- Php curl запрос через прокси с авторизацией 9291 visits
- Работа с captcha vk api 8156 visits
© "hostciti.net" 13.4.2025 | 12:31