React怎么读取data-*属性值

#1

比方我input里面一个onchange方法这个方法要怎么读取该INPUT的data-id的值

#2

为何要放在data-id里面呢？
可以使用闭包嵌套一层

 onchange={() => { item.id.... }}
#3

能说具体点吗 刚接触这个 比方我的方法是handleLogDelete 那按你的方式要怎么传

#4

你是如何给 data-id 赋值的，就把这个变量传到 handleLogDelete 函数中就行了

#5

用getAttribute解决了 谢谢

#6

onChange={this.handleLogDelete.bind(this,id)}

handleLogDelete(id){
…
}

#7

你的这种解决办法应该是不合理的，或者是React不推荐的，你这个 input 具体要做什么？ 可以把代码贴出来，应该会有更好更合理的方案去解决

#8

通过INPUT删除 指定数据 就类似购物车 删除商品那样的 react的话 应该是什么思路 刚学

#9

明白你的意思， 大致是在类似 checkbox 上面标记这条数据的 Id，便于点击的时候 找到这条数据，对吧？

其实非常简单，在你循环迭代 React 子组件的时候，给他们绑定事件的时候就可以去做这件事情了。

onChange = { this.handleLogDelete.bind(this, item.id) }  //如果不知道 bind 的作用，应该先去查一下

handleLogDelete( id, event ){
     //do something……
}

不得不说 bind 是个好方法……

#10

1楼正解