Question

我是新来的人。我要使整个行都可单击。

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

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

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

const showAds = this.showAds

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

Answer 2

使用this.showAds或const showAds = this.showAds

使整个行在reactJs中可点击

2 个答案: