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

Question

Александр @AleksandrB

Совсем недавно вывел "Hello world"

React

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

Хочу так

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

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

Вопрос задан более трёх лет назад
615 просмотров

3 комментария

Подписаться 2 Простой 3 комментария

Модератор @TosterModerator

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

Написано более трёх лет назад
Александр @AleksandrB Автор вопроса

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

Написано более трёх лет назад
Модератор @TosterModerator

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

Написано более трёх лет назад

Решения вопроса 1

3 комментария

Александр @AleksandrB Автор вопроса

Пробовал, не работает! Выдает 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.

Написано более трёх лет назад
Александр @AleksandrB Автор вопроса

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

Написано более трёх лет назад
0xD34F @0xD34F Куратор тега React

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

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

React

Простой
Как решить проблему с манифестом в CRA-приложении?
- 1 подписчик
- вчера
- 38 просмотров
0

ответов
React

+2 ещё

Средний
Какие есть WYSIWYG редакторы для мини-приложений ВК?
- 1 подписчик
- вчера
- 41 просмотр
1

ответ
JavaScript

+2 ещё

Средний
Как получить актуальные данные в state при использовании server side event (в момент срабатывания события) в компоненте React?
- 1 подписчик
- 20 апр.
- 72 просмотра
1

ответ
React

Простой
Как получить значение из стейта если он еще не обновился?
- 1 подписчик
- 20 апр.
- 51 просмотр
0

ответов
JavaScript

+1 ещё

Средний
Почему не берутся данные из Props при вызове функции ПО КЛИКУ?
- 1 подписчик
- 20 апр.
- 61 просмотр
0

ответов
React

+1 ещё

Простой
Как реализовать Микрофронтенд с использованием Vite с Typescript?
- 1 подписчик
- 19 апр.
- 49 просмотров
0

ответов
React

Простой
У меня react up ложу .env REACT_APP_PASSWORD=пароль Локально все ок Но на гите не видит..почему?
- 1 подписчик
- 19 апр.
- 65 просмотров
0

ответов
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- 18 апр.
- 118 просмотров
2

ответа
React

Простой
Почему не рендерится React-компонент в методе render( )?
- 1 подписчик
- 18 апр.
- 89 просмотров
1

ответ
React

Простой
У меня react up и я беру из .env пароль а мне бьет ошибку, как быть?
- 1 подписчик
- 17 апр.
- 79 просмотров
0

ответов
Показать ещё Загружается…

Frontend React

Glob-com

от 100 000 ₽

JS|React Native разработчик

Венста • Киров

от 60 000 до 120 000 ₽

Frontend developer (React)

Баланс-Платформа • Москва

До 250 000 ₽

Создать дизайн лендинга портфолио на фигме

23 апр. 2024, в 14:09

500 руб./за проект

В wordpress подключить модуль по рассрочке (документацию дам)

23 апр. 2024, в 13:51

4500 руб./за проект

Сохранение постов из телеграм каналов+отправка платящим пользователям

17 апр. 2024, в 16:55

200000 руб./за проект

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

Answer 1 · 2018-09-14 20:05:47

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

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

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт