Как передать параметры из корневого html-элемента в ReactJS из приложения Ruby on Rails

Question

Я пытаюсь реализовать ReactJS в приложении Ruby on Rails с использованием webpacker gem.

Кто-нибудь знает, как читать / передавать атрибуты данных в компонент ReactJS.

Пожалуйста, найдите код ниже.
в index.html.erb
<div id="data" data-item-id="<%= @item.id %>"></div>

в Data.jsx файле

<!-- language: lang-js -->

class Data extends React.Component {
  constructor(props) {
    super(props);
  }

 componentDidMount() {
   this.getSiteDetails();
 }

 getSiteDetails(){
  fetch(i want to pass data attributes here along with the url)
 }

 render() {}
}

ReactDOM.render(<Data />, document.getElementById('data'));

Answer 1

Вы можете сделать это:

 getSiteDetails(){
   const itemId = document.getElementById('data').dataset.itemId
   fetch(you can use itemId in here)
 }