Задать вопрос
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?
  • Вопрос задан
  • 47 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Решения вопроса 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);
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
React разработчик
ITK academy • Нижний Новгород
от 80 000 до 120 000 ₽
React Developer
ITK academy • Воронеж
от 50 000 до 90 000 ₽
Senior-разработчик React
СмартПро • Москва
от 100 000 ₽
Ещё вакансии