因此,我有一个组件,看起来像这样:
<Parent>
<Sibling1 onChange={() => onChangeThatChangesParent}/> (Searchbar component that renders an input)
<Sibling2 onClick={() => clearSearchbar}/> (button)
</Parent>
同级1
const Sibling1 = ({onChangeThatChangesParent}) => {
const handleChangeInternal = () => {
onChangeThatChangesParent()
otherFunctions()
}
return (
<input onChange={handleChangeInternal}/>
)
}
其中,Sibling 1是呈现input的组件,Sibling 2是button。我需要在单击按钮时触发输入的onChange事件。我想到的方法是从Parent向Sibling 1传递一个引用,并在按下按钮时手动触发change事件。
这可能吗?在这种情况下,我如何触发变更事件?
请注意,我不能只使用Ref设置输入值,因为在Sibling 1中触发change事件时,会执行一些其他函数。
提前感谢!
1条答案
按热度按时间2wnc66cl1#
我相信这个问题能让你知道你想做什么:
What is the best way to trigger onchange event in react js
你应该看看@Grin接受的awnser