首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React.js,处理onMouseOver事件

React.js,处理onMouseOver事件
EN

Stack Overflow用户
提问于 2016-12-19 20:20:37
回答 1查看 4.6K关注 0票数 0

作为React中的新手,我面临一个问题:组件返回一个简单的嵌套表,因此“大表-id”的每个单元格都包含另一个小表“小表-id”。

问题是,每当mouseover事件发生时,我总是以“target.id”的形式获得“小单元格-*”,即使事件处理程序是在父表中引用的。有没有办法让父表有点“不透明”,这样我就可以接收“大表-单元-1”或“小表-id”?

代码语言:javascript
运行
复制
(using Rails with 'react-rails' gem)

var Tables = React.createClass({

handleMouseOver: function(e){
  console.log(e.target.id)
},

 render: function(){
 return (
   <table id='big-table-id' onMouseOver={this.handleMouseOver}>
    <tr>
     <td id='big-table-cell-1'>
      <table id='small-table-id'>
        <tr>
          <td id='small-cell-1>
            text 1
          </td>
          <td id='small-cell-2'>
            text 2
          </td>
        </tr>
      </table>
     </td>
    </tr>
   </table>
  )
 }
});
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-19 20:26:54

DOM允许您使用firstChildparentElement等方法来选择元素、子节点和父节点。你应该调查一下这些。

编辑:也不确定这是否有效,但您可以尝试将大表包装在div中,并在那里设置回调并查看它引用的内容。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41230382

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档