在反应中将字典（对象）从 html 元素传递给 js 单击事件侦听器

Question

我目前正在使用 React（它的新手，请原谅我缺乏知识）。我在 REACT 类组件中创建了一个引导表，并将 JSON 文件中的数据映射为该表的行。对于某一列，我有按钮。天知道，为什么这些按钮上的 onClick 功能不起作用（按下后甚至不发出警报）。作为一个技巧，尝试使用 JQUERY 函数使用公共类访问这些按钮。 我的问题是，如何将字典对象从按钮传递给 eventhandler 函数，然后再传递给 react 函数。我的方法对吗？？因为它不起作用。

按钮的简单代码如下..

<td>
    <Button value={o} type='button'  className='temp button btn btn-sm btn- 
    info'>Details</Button>
</td>

点击事件处理程序如下

let self = this
const temp = jQuery(".temp");
jQuery(temp).click(function () {
    let o = jQuery(this).attr('value');

    console.log(Object.values(o));

    self.handleUserClick({o});
});

'o' 是一个字典，所有行值如下

o={
    "ar": 123,
    "cm": "test",
    "co": "000",
    "urol": {"Name": "Chris", "Height": 150, "Location": "New York"}
}

然后反应 handleUserClick 函数被调用....

handleUserClick(selectedRowData) {
    this.setState({editUserData: selectedRowData});
    this.setState({editUserModalShow: true});
}