zoukankan      html  css  js  c++  java
  • Hooks的基本用法

    基本使用demo

    import Taro, { useState, useEffect,useRouter  } from '@tarojs/taro'
    import { useSelector } from '@tarojs/redux'
    
    
    const Index = ()=>{
      
        const userInfo = useSelector(state => state.user)
        const [height, setHeight] = useState('')
        const [value,setValue]=useState('')
        const {params} = useRouter();//相当于 this.$router.params
        console.log(params)
        //useEffect 相当于生命周期中的 componentWillMount
        useEffect(() => {
            setHeight(Taro.getSystemInfoSync().windowHeight)
      //进入页面初始化函数,也放在这里执行
            
        }, [])
      
    return(
      <View style={'min-height:' + height + 'px'} className="container">
         姓名{userInfo.name}
      </View>
    )
    }
    Index.config = {
        navigationBarTitleText: '导航栏标题'
    }
    Index.propTypes = {}
    Index.defaultProps = {}
    export default Index
    

      

  • 相关阅读:
    UML常识
    我的一些冒出来的想法
    那些我接触过的软件
    对PL/SQL的认识
    JavaScrip笔记
    万丈高楼平地起
    HTML DOM和JavaScrip的关系
    拾起荒废的英语
    Tomcat文件映射路径
    Access-Control-Allow-Origin
  • 原文地址:https://www.cnblogs.com/lvxisha/p/12938175.html
Copyright © 2011-2022 走看看