如何将参数从根 html 元素传递到 Rails 应用上的 Ruby 的 ReactJS

Question

我正在尝试使用 [=17= 在 Rails 应用程序 上的 Ruby 上实施 ReactJS ] gem.

有谁知道如何 read/pass 数据属性到 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)
 }