React-Router V6 params/research/state传参 函数式组件

V6版本中类组件中无法从props中接收到传递的参数
解决方法：

• 将类组件改为函数组件；
• 使用useParams()和useLocation()接收参数；

pages/Home/Message

import React, {
    Component } from 'react'
import {
    Link, Route, Routes,useParams } from 'react-router-dom'
import Detail from './Detail'

export default class Message extends Component {
   

    state = {
   
        messageArr: [
            {
    id: '01', title: 'message1' },
            {
    id: '02', title: 'message2' },
            {
    id: '03', title: 'message3' },
        ]
    }

    render() {
   
        const {
    messageArr } = this.state
        return