如何在 React Router Link 中使用 props 传递函数？

大佬教程收集整理的这篇文章主要介绍了如何在 React Router Link 中使用 props 传递函数？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在 React Router Link 中使用 props 传递函数？？

开发过程中遇到如何在 React Router Link 中使用 props 传递函数？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何在 React Router Link 中使用 props 传递函数？的解决方法建议，希望对你解决如何在 React Router Link 中使用 props 传递函数？有所启发或帮助；

我必须使用 link 将一个函数传递给另一个组件

    testFavorite=()=>{
        console.log("work")
    }

    <link 
       to={{
       pathname: '/popular',state:{
            testFavorite: this.testFavorite
         }
       }}>
   Popular</link>
@H_262_7@
这就是我调用函数的方式
this.props.LOCATIOn.state.testFavorite(); 
这是给我这个错误

DataCloneError：无法在“历史”上执行“pushState”：() => testFavorite() 无法克隆。
 
解决方法
在 <Link /> 组件中，我将“state”属性替换为“data”属性。现在可以使用了！
<Link 
    to={{
       pathname: '/popular',data:{
          testFavorite: this.testFavorite
       }
    }}
>
   Popular
</Link>
@H_262_7@
可以通过以下方式访问：this.props.history.LOCATIOn.data
 


 
 
      
大佬总结
       
以上是大佬教程为你收集整理的如何在 React Router Link 中使用 props 传递函数？全部内容，希望文章能够帮你解决如何在 React Router Link 中使用 props 传递函数？所遇到的程序开发问题。
		
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
		
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。