React项目 useState,useEffect使用方法

useState使用方法

在页面引入  react 下的useState

示例：import { useState} from 'react'

 useState存储数据

用法：

const [变量, 函数] = useState(类型)，0,'0',true   等

const [list, setList] = useState({})

useEffect使用方法

在页面引入  react 下的useEffect

useEffect 两个参数：一个是副作用函数，一个是依赖数组

示例：import { useEffect} from 'react'

useEffect(() => {
        副作用函数
  }, [依赖数组])

 示例：

import { getWeathehe } from '../../request/index'
引入接口
useEffect(() => {
    getWeathehe({
      appid:'73479582',
      appsecret:'OEv3saNh',
      version:'v63',
    }).then(res => {
      setList(res.data)
    })
  }, [])

完整用法

import React from 'react'
import { useState, useEffect } from 'react'
import { getWeathehe } from '../../request/index'

function index() {
 const [list, setList] = useState({})
  useEffect(() => {
    getWeathehe({
      appid:'73479582',
      appsecret:'OEv3saNh',
      version:'v63',
    }).then(res => {
      setList(res.data)
    })
  }, [])
  return (
    <div>
      
    </div>
  )
}

export default index