Компоненты класса Reactjs не отображаются, но функции отображаются в IE11

Question

Я занимаюсь разработкой приложения React с помощью antd.В Chrome работает как положено.В IE-11 он отображает пустую страницу.Консоль IE сообщает о следующей синтаксической ошибке:

script 1002 main.chunk.js (127,1)

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

Заранее большое спасибо !!

Answer 1

В React мы пишем код ES6, который является более новой версией java-скрипта, и некоторые из старых браузеров не поддерживают его, потому что нам нужен babel (компилятор javascript), чтобы наш jsx мог быть скомпилирован в простой javascript.

подробнее о Библии можно узнать здесь .

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

Answer 2

Почему компонентов класса нет? Кто-нибудь может мне помочь ...?

Это потому, что IE 11 не поддерживает классы es6. В таких вопросах попробуйте поискать поддержку https://caniuse.com/#search=classes.

Теперь вы знаете почему. Как вы можете преодолеть это с помощью транспортера, как babel . Обычно вы хотели бы загрузить свое приложение с помощью шаблона, в котором вам не нужно беспокоиться о таких вещах с самого начала, поскольку вы сосредоточены на изучении React. Создание React-приложения довольно неплохо для начала работы и будет абстрагироваться от многих подобных проблем. Он имеет транспиляцию, горячую перезагрузку, веб-пакет и многое другое. Счастливого обучения!

Answer 3

По умолчанию сгенерированный проект поддерживает все современные браузеры.Для поддержки Internet Explorer 9, 10 и 11 требуются полифилы.Для набора полифилов, поддерживающих более старые браузеры, используйте response-app-polyfill .

Ссылка: Поддерживаемые браузеры