zoukankan      html  css  js  c++  java
  • React hook,Taro 中父组件传多个值到子组件, 不同页面传值, 子组件修改父组件值

    1.父子组件传值需借助 中间ts文件

    hook/context-manager.tsx

    // 使用hook给父子组件共享数组
    
    import { createContext } from "@tarojs/taro";
    
    export default createContext({});
    

      

    2.父组件

    import TripContext from '../../hook/context-manager'
    import Trip_success from '../../components/trip_success/index'
    
    function Home() {
        const [content, setContent] = useState({})
       const [contentType, setContentType] = useState(false)
    return (
      <View>{contentType}
        <TripContext.Provider value={{ content, urlName: 'home',setContentType}}>
          <Trip_success /> 
        </TripContext.Provider>
      </View>
    )
    }

      

    3.子组件

    import TripContext from '../../hook/context-manager'
    import Taro, { useContext, useEffect } from "@tarojs/taro";
    function Trip_success() {
    
      const { content, urlName, setContentType } = useContext(TripContext)

     useEffect(() => {setContentType(true)})
      console.log('获取父组件中值', content, urlName)
    }
    

      

  • 相关阅读:
    基于jQuery的上下无缝滚动应用(单行或多行)
    表单验证
    中国剩余定理 ( 的学习 )
    扩展欧几里德算法--学习笔记
    Vijos P1794 文化之旅
    1336 : Matrix Sum (hihocoder)
    nyoj 1030 hihocoder 1338
    多重邻接表
    图的存储 ( 十字链表 )
    01背包的变形
  • 原文地址:https://www.cnblogs.com/gqx-html/p/12361476.html
Copyright © 2011-2022 走看看