Question

这是我创建的React组件：

(*head)->name

这是我定义的<li> <a href="#">{this.props.header}</a> <ul className="submenu"> <span> <li> <a href="#" ref="filterValue" onClick={this.onClick}>{skillsList}</a> </li> </span> </ul> </li>函数：

onClick

以下是onClick: function() { FilterClickAction.print(this.refs.filterValue.getDOMNode().textContent); }操作：

FilterClickAction

但是此操作返回了链接的所有值，而不仅仅是单击链接的值。如何仅获取与单击的链接关联的值？

Answer 1

让您的事件处理程序将值作为其第一个参数...

onClick: function(skillsList, event) {
  event.preventDefault()
  // ...
}

调用事件处理程序时

...和use Function.prototype.bind() to partially apply the value to be passed：

<a onClick={this.onClick.bind(this, skillsList)>{skillsList}</a>

如何从ReactJS中的组件中的列表中获取值？

1 个答案: