Задать вопрос
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?
  • Вопрос задан
  • 46 просмотров
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 разработчик
Boomerangme 🎫
от 150 000 до 250 000 ₽
React Native Developer
Wanted. • Санкт-Петербург
До 300 000 ₽
React Native разработчик
Бюро Цифровых Технологий • Санкт-Петербург
от 140 000 до 160 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Веб-дизайн клининговой компании
22 дек. 2024, в 17:54
10000 руб./за проект
Нарисовать UX/UI дизайн для игры. Нарисовать несколько иконок для игры
22 дек. 2024, в 17:45
10000 руб./за проект
Написать макросы для excel
22 дек. 2024, в 17:39
2000 руб./за проект
Ещё заказы