javascript - 如何使用 React 组件的 id 触发点击事件？

Question

我有一个 react 组件，我想知道如何通过单击我的案例中的图像来触发它的单击事件。我尝试使用 React 的 useRef()，但它不起作用。知道我该怎么做吗？我的代码如下

import { SingleDatePicker  } from 'react-dates';

 <SingleDatePicker
    date={dateEnd} 
    onDateChange={dateEnd => handleDateEnd( dateEnd )}
    focused={this.state.focusedEnd}
    onFocusChange={({ focused }) => this.setState({ focusedEnd : focused })}
    id="dateEndSearchBar" 
    />

    <img
    src={calendarIcon}
    onClick={//here I want to trigger the click on SingleDatePicker}
    />

Answer 1

您可以根据此链接在 SingleDatePicker 中使用 onFocusChange 属性:

http://github.com/airbnb/react-dates/issues/639