Задать вопрос
vachuahe
@vachuahe
react

Как передать хтмл-атрибут в reactjs-приложение?

Есть веб-приложение у которого index.hml c таким кодом:
<body>
    <div id="root" some-param="value"></div>
    <script src="app.js"></script>
</body>

которое привычно инициализируется вот так:
render(<App />, document.getElementById('root'));

Как в компоненте App прочитать значение хтмл-атрибута some-param?
  • Вопрос задан
  • 45 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
RomReed
@RomReed
JavaScript, Flutter, ReactNative, Redux, Firebase 
var x = document.getElementById("root").getAttribute("some-param");
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
vachuahe
@vachuahe Автор вопроса
Возможно кому-то ещё пригодится почти такой же вариант с пробросом в пропсы:
const root = document.getElementById('root');
render(<App {...(root.dataset)} />, root);
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Создание и публикация короткого (reels) UGC-видео на YouTube-канале
25 апр. 2024, в 01:46
500 руб./за проект
Настроить перехват https-трафика для android-приложения
25 апр. 2024, в 01:02
10000 руб./за проект
Программа (скрипт) для автоматизации торговли Solana
25 апр. 2024, в 00:45
100 руб./в час
Ещё заказы