Javascript 如何从RubyonRails应用程序将参数从根html元素传递到ReactJS

我正在尝试使用gem在rubyonrails应用程序上实现ReactJS

有人知道如何将数据属性读取/传递给ReactJS组件吗

请查找下面的代码。
在

index.html.erb

在

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'));

类数据扩展了React.Component{
建造师（道具）{
超级（道具）；
}
componentDidMount（）{
此文件为.getSiteDetails（）；
}
getSiteDetails（）{
fetch（我想在这里传递数据属性和url）
}
render（）{}
}
ReactDOM.render（，document.getElementById（'data'））；

您可以执行以下操作：

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

---

类似这样的方法可以工作：

let el=document.getElementById（'data'）；ReactDOM.render（，el）@Brian非常感谢你的帮助。我认为下面的答案更好。