如何从事件.目标

我在父元素上附加了一个事件监听器来监听一个非合成事件,我想知道是否有一个很好的方法来获取对触发事件的组件的引用以使用它的属性

我需要推迟渲染 item.component 直到 nonSyntheticEvent 发生

const items = [
  {
    name: "click me",
    component: function First() {
      return <strong>asd</strong>;
    }
  },
  {
    name: "click me 2",
    component: function Second() {
      return <b>oasd</b>;
    }
  }
];

class Component extends React.Component {
  componentDidMount() {
    this.el.addEventListener("nonSyntheticEvent", event =>
      this.nonSyntheticEventHandler(event)
    );
  }

  nonSyntheticEventHandler(event) {

    // how to get reference to item
    // from event.target to render it's item.component

    const el = React.createElement(item.component);
    ReactDOM.render(el, event.target);
  }

  render() {
    return (
      <div ref={ref => { this.el = ref; }}>
        {this.props.items.map(item => <Child {...item} />)}
      </div>
    );
  }
}

<Component items={items} />