React.js和jquery Uncaught ReferenceError :( function）未在HTMLTableRowElement.onclick上定义

Question

我的网络应用程序中的js，我只是创建了有工作的表格，但遗憾的是点击了Uncaught ReferenceError: (function) is not defined at HTMLTableRowElement.onclick

这是表格代码$("#usertable").append("<tr onclick=\"displaySmth('" + smth_value + "')\"><td>" + username + "</tr></td>");

并显示smth_value

的功能

   displaySmth(somevalue){
    $("#smth_id").text(somevalue)
}

Answer 1

通过添加点击侦听器的方式，displaySmth函数必须是window对象的直接子节点;如果您正在使用React.js，那么这可能并非如此。

在React中添加点击侦听器的更多common way是注入函数本身（而不是名称），如下所示：

$("#usertable").append(
    <tr onclick={displaySmth}><td>{username}</td></tr>
);

当你想在你的监听器中使用参数时，这会更复杂，但概念是相同的。