关于React的hook的解释以及函数组件跳转方法

1.函数式组件跳转路径的方法

前言：版本

"react-dom": "^17.0.2"
"react": "^17.0.2"
"react-router-dom": "^6.3.0"

1.方法1:link

<link to="/login"></link>

router.js
 <Routes>
   <Route exact path='/' element={<Login/>}></Route>
</Routes>

方法2: navigate

React-RouterV6中使用 const navigate = useNavigate()
      navigate('/login') // 跳转到/login替代

2.useEffect(),useSelect(),useState()，useDispatch

1.useEffect()相当于函数式组件的挂载

2.useSelect()指的是使用redux中的值

3.useState()意思是定一个值并且可以改变

比如：

  `state 【num，setNum】=useState（）；`

4.useDispatch()指的是写入到redux中

3.获取输入框中的值useRef（）

import React, {useState,useRef} from "react";


const commentContent=useRef()

  content:commentContent.current.value//获取到内容

 <textarea ref={ commentContent } className="comment-text" style={{ width: "100%", height: '80px' }}></textarea>