Taro使用React Hooks

升级脚手架工具

我们每次进行调试的时候，都会出现红字，提示我们不是最新版本，我们可以使用命令进行升级。因为升级使用了npm的形式，所以升级过程非常慢，小伙伴们可以耐心等待一下。
在终端中输入下列命令进行升级。

taro update self

命令的具体意思是升级taro到大版本的最新版。升级完成后就不会显示红字了。

使用Hooks改造index组件

打开/src/page/index/index.js页面，可以看到目前的代码全部都是React的基本语法，比如：继承components,比如React经典的生命周期，比如原来使用的state和setState赋值。

import Taro, {  useState } from '@tarojs/taro'

引入后就可以使用function的形式来定义组件了，我这里给出全部代码，然后在视频中进行详细讲解。

import Taro, {  useState } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
import './index.less'
function Index(){
  const [userName ,setUserName] = useState('Hello World!!!!')
  return ( 
    <View>
        <Text>{userName}</Text>
    </View>
  )
}
export default Index

这段代码就是把原来的基本React改成了用Hooks新特性来写。