reactjs - 导入组件的onclick事件是否 react ？

我已经从其他文件导入了组件，如果我单击导入的组件的元素，我想重置计时器。有没有办法解决这个问题，还是应该用单个jsx 编写这两个组件？

import {SampleComponent} from "../SampleComponent";
<div>
   <SampleComponent  onClick = {?????????}/>
 </div>

最佳答案

您可以在这里做的是，

import {SampleComponent} from "../SampleComponent";

<div onClick={??????}>
   <SampleComponent/>
</div>

或者，您可以从父组件传递该函数，然后在子组件的顶部节点上添加click事件。

<div>
   <SampleComponent onHandleClick={() => ??????}/>
</div>