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

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

你可以给state里的组件设置一个class然后在img的onClick上修改

Answer 2

你可以在 SingleDatePicker 中使用 onFocusChange prop 基于这个 link:

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

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

How can I trigger a click event for a React component using his id?

javascript

events

click

reactjs