我试图在标签的点击事件中获取标签标签内的文本。下面是我的代码。
import React from 'react';
class Todo extends React.Component {
constructor(props) {
super(props);
this.handleOnClick = this.handleOnClick.bind(this);
}
handleOnClick(e) {
e.preventDefault();
console.log(e.target.value);
this.props.onToggle(e.target.value);
}
render() {
return (<div>
<label onClick={this.handleOnClick}>{this.props.taskName}</label>
<button>Edit</button>
<button>Delete</button>
</div>);
}
}
module.exports = Todo;
但在控制台日志中得到未定义。有人能告诉我应该是正确的方式来获得这个值。
1条答案
按热度按时间kwvwclae1#
只有输入字段有值,标签没有。
该值不会在事件对象中,因此您必须以不同的方式执行此操作:
handleLabelClick
将任务名称作为参数。