如何在ReactJS中调用其他独立组件的函数

Question

我试图从不同的组件(组件K)调用函数(组件a)。两个组件之间没有任何关系。

下面是我的问题的一些示例代码-

组件

const ComponentA= () => {
const start =()=>{
console.log('function called')
}
return ()
}

组件K

const ComponentK= () => {

return (
<img className='tour' src={tourIcon}  height={25} width={25} onClick={start} />
)
}

在上面的例子中-我想从组件K中调用组件a的函数(两者都是独立的组件-没有任何关系)onClick。

请帮

Answer 1

使用react context。在上下文中定义函数。在任何你想要的地方使用

https://reactjs.org/docs/context.html