javascript - react - 如何从另一个类传递事件

Question

我有什么

我有一个没有被导出但被文件内部使用的类。 (这些类都在同一个文件中)

class SearchResults extends Component {
  constructor()
  {
      super();
      this.fill_name = this.fill_name.bind(this);
  }

  fill_name(event, name)
  {
      console.log("search results", event.target);
      this.props.fill_name(name, event.target);
  }

  render()
  {
      return (
          <div className="search-results-item" onClick={ () => this.fill_name(event, this.props.name)}>
              <div className="highlight">
                  {this.props.name}
              </div>
          </div>
      )
  }
}

我正在尝试获取 <div>要发送回父级的元素，定义如下(跳过不相关的内容):

class PublishComponent extends Component {
  fill_name(name, me)
  {
      console.log(me);
      $("#company_input").val(name);
      this.setState({ list: { ...this.state.list, company: [] } });
  }
}

me是事件。

我得到了什么

控制台发布以下内容:

search results <react>​</react>​
undefined

所以 event.target 是 <react></react>出于某种原因，而 me正在变得不确定。

预期行为

它应该返回元素即 <div className="search-results-item"...></div>

Answer 1

您没有传递事件对象

改变这个

<div
  className="search-results-item"
  onClick={() => this.fill_name(event, this.props.name)}
/>

为此

<div
  className="search-results-item"
  // pass the event here
  onClick={event => this.fill_name(event, this.props.name)}
/>