时间戳

首页 > 解决方案 > 如何使用他的 id 触发 React 组件的点击事件？

javascript - 如何使用他的 id 触发 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}
    />

标签： javascriptreactjseventsclick

解决方案

你可以为组件设置一个类state并在img的onClick上修改它

推荐阅读