时间戳

首页 > 解决方案 > 在 reactJs 中使整行可点击

reactjs - 在 reactJs 中使整行可点击

问题描述

我是 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 事件。我搜索了很多地方，但找不到任何适合此问题的解决方案。

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

我在这里做错了吗？

更新

完整代码

标签： reactjs

解决方案

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

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

常量 showAds = this.showAds

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

推荐阅读