typescript 我可以在React中使用输入引用来模拟更改事件吗?

qyzbxkaa  于 2022-11-18  发布在  TypeScript
关注(0)|答案(1)|浏览(132)

因此,我有一个组件,看起来像这样:

<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 2button。我需要在单击按钮时触发输入的onChange事件。我想到的方法是从Parent向Sibling 1传递一个引用,并在按下按钮时手动触发change事件。
这可能吗?在这种情况下,我如何触发变更事件?
请注意,我不能只使用Ref设置输入值,因为在Sibling 1中触发change事件时,会执行一些其他函数。
提前感谢!

2wnc66cl

2wnc66cl1#

我相信这个问题能让你知道你想做什么:
What is the best way to trigger onchange event in react js
你应该看看@Grin接受的awnser

相关问题