Как можно узнать версию React, работающую во время выполнения в браузере?

Как можно узнать версию React, запущенную во время выполнения в браузере?

React.version — это то, что вы ищете.

Хотя он недокументирован (насколько я знаю), поэтому он не может быть стабильной функцией (то есть маловероятно, что он может исчезнуть или измениться в будущих выпусках).

Пример с React импортированным как скрипт

 const REACT_VERSION = React.version; ReactDOM.render( {amp}lt;div{amp}gt;React version: {REACT_VERSION}{amp}lt;/div{amp}gt;, document.getElementById('root') ); 
 {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;div id="root"{amp}gt;{amp}lt;/div{amp}gt; 

Пример с React импортированным как модуль

 import React from 'react'; console.log(React.version); 

Очевидно, что если вы импортируете React как модуль, он не будет в глобальной области видимости. Приведенный выше код предназначен для подключения к остальной части вашего приложения, например, с помощью веб-пакета . Он практически никогда не будет работать, если используется в консоли браузера (он использует пустой ввод).

Этот второй подход является рекомендуемым. Большинство сайтов будут использовать его. Это создает приложение create-response-app (оно использует веб-пакет за кулисами ). В этом случае React инкапсулируется и, как правило, вообще недоступен за пределами пакета (например, в консоли браузера).

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector