React最新在router6中state如何传参，如何接收

1.传递参数

<NavLink 
    to={`detail`} 
    state={{
      id:item.id,
      name:item.name,
      content: item.content
    }}
>{item.name}</NavLink>

2.接收参数

import React from 'react'
import { useLocation } from 'react-router-dom'

export default function Detail() {
  // 这是连续结构赋值 把useLocation里面呢的state解构，在解构state里面的属性
  const {state:{id,name,content}} = useLocation()
  return (
    <div>
     <ul>
        <li>id:{id}</li>
        <li>content:{content}</li>
        <li>name:{name}</li>
     </ul>
    </div>
  )
}