reactjs - 在reactJs中使整行可点击

Question

我是reactJs新手。我想让整行都可点击。

deleteApp(appId) {
    if (window.confirm("Are you sure want to delete this app?")) {
      this.props.deleteApp(appId)
    }
  }

  showAds(appId) {
    console.log("Clicked")
  }

这是我尝试触发 onClick 事件的函数。现在我只是安慰函数内的任何内容，但它不会控制台任何内容

<tbody>
  {
    apps.map(function (app, index) {
      return <tr key={index} onClick={() => { showAds(app._id) }}>
        <td></td>
        <td>
          {app.app_name}
        </td>
        <td>
          <a onClick={() => { deleteApp(app._id) }}>
            Delete
            </a>
        </td>
      </tr>
    })
  }
</tbody>

上面是我用来执行 onClick 事件的代码，但这不起作用。我对删除按钮做了同样的事情，效果很好。但是当我尝试使整行可点击时，我无法触发 onClick 事件。我找了很多地方，但没有找到合适的解决方案来解决这个问题。

我尝试的最后一件事是制作

我在这里做错了什么吗？

更新

Full code

Answer 1

我刚刚发现我没有在 render 函数中初始化 this.showAds 。

 render() {
const { user } = this.props.auth
const { apps } = this.props.apps
const deleteApp = this.deleteApp

const showAds = this.showAds

我只需在 render 函数中声明 showAds，它就会开始响应。