Можно ли писать js код react в отдельном файле?

Question

[Александр]

Хочу так

Получается вот так

Если можно, то как?

Comments

[Модератор]

3.8. Использовать для демонстрации фрагментов кода только специальный тег < code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/).
Размещение фрагментов кода в виде изображений запрещено.

[Александр]

Модератор, Размещен не фрагмент кода, а то как код выглядит, а именно выделение разными цветами отдельные части. В этом был вопрос, а не в Hello, world.

[Модератор]

Александр, В таком случае, урежте скриншоты по высоте и укажите текстом в вопросе что вы спрашиваете

Answer 1

[0xD34F]

Да так же, как у вас есть сейчас со встроенным скриптом - указываете type="text/babel" вашему отдельному файлу при подключении.

А вообще, вам стоит загуглить: "webpack", "create-react-app".

Comments

[Александр]

Пробовал, не работает! Выдает babel.min.js:12 Failed to load file:///C:/MegaFiles/React.bigsites/ReactHTML/js/common.js: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

[Александр]

Ой, эту ошибку он выдает при type="text/jsx", а при type="text/bable" ничего не выдает, но и не работает!

[0xD34F]

Александр, во-первых - не "bable", а "babel". Во-вторых - поднимайте локальный сервер. Ну или попробуйте отключить в браузере политику одинакового происхождения.