javascript - 如何从 Ruby on Rails 应用程序将参数从根 html 元素传递到 ReactJS

Question

我正在尝试使用 webpacker 在 Ruby on Rails 应用程序上实现 ReactJS 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)
 }