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)
    }
    

      

  • 相关阅读:
    如何掌握所有的程序语言
    程序与证明
    卫星通信地面系统构成
    SCIP 环境搭建
    Homebrew install.sh
    macOS 内核之从 I/O Kit 电量管理开始
    matlab练习程序(空间椭圆拟合)
    多进程抢票加锁
    进程间数据传递
    队列用法
  • 原文地址:https://www.cnblogs.com/gqx-html/p/12361476.html
Copyright © 2011-2022 走看看