程序问答   发布时间:2022-06-01  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了在嵌套组件react js中的子组件和父组件之间传递数据大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决在嵌套组件react js中的子组件和父组件之间传递数据?

开发过程中遇到在嵌套组件react js中的子组件和父组件之间传递数据的问题如何解决?下面主要结合日常开发的经验,给出你关于在嵌套组件react js中的子组件和父组件之间传递数据的解决方法建议,希望对你解决在嵌套组件react js中的子组件和父组件之间传递数据有所启发或帮助;

在嵌套组件react js中的子组件和父组件之间传递数据

我使用一个组件作为子组件如下,在父组件,即ShowBodyQuestionsForArchive组件中,我使用子组件如下:{Children}

在 ShowBodyQuestionsForArchive 组件(父)中,我有另一个组件如下:

在嵌套组件react js中的子组件和父组件之间传递数据

想修改ShowComparetiveItemsForArchive组件(child)中ShowImage组件的数据,显示为{Children}

解决方法

 const ShowComparativeQuestionForArchive = ({question,number,items}) => {
     changeShowImage(){
        //changedData
     }
       return(
          <ShowBodyQuestionForArchive question = {question} number = {number}> 
               <ShowComparativeItemsForArchive changeShowImage = {ChangeShowImage()} number = {number} items = {items} />
               {
                showImage ? <ShowImage {ChangedData} /> //example
               }
          <ShowBodyQuestionForArchive/>
       )
    }

现在调用 ShowComparativeItemsForArchive 中的道具 (changeShowImagE)

大佬总结

以上是大佬教程为你收集整理的在嵌套组件react js中的子组件和父组件之间传递数据全部内容,希望文章能够帮你解决在嵌套组件react js中的子组件和父组件之间传递数据所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: