菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
94
0

Hooks的基本用法

原创
05/13 14:22
阅读数 74625

基本使用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

  

发表评论

0/200
94 点赞
0 评论
收藏
为你推荐 换一批