React-Router: передача реквизита от одного компонента другому с помощью Navlink

Question

Я использую <NavLink> для routing Теперь, как я могу передать props в <NavLink> другому Компоненту

Answer 1

На первом компоненте сделайте это

<NavLink
     to={{
        pathname:"/priview-data",
        aboutProps:{
              selectedidds:this.state.selectedIds
             }
        }}
        exact
       >Preview Question
</NavLink>

, а теперь на другом компоненте

constructor(props) {
    super(props);
    console.log(props.location.aboutProps);
  }

надеюсь, это поможет

Спасибо

Answer 2

Способ передачи данных в компонент навигации, используя Link и NavLink

<Link to={{
   pathname:'/home',
   state: {name:'from home page'}  
 }}>
  Go to Home
</Link>

или используя NavLink

<NavLink to={{
   pathname:'/home',
   state: {title:'from home page'}  
 }}>
  Go to Home
</NavLink>

внутри компонента навигации, к которому вы можете получить доступ следующим образом.

если это ловушки

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

    function App(){
      let location = useLocation();
      console.log(location)
      return <h2>...</h2>
    }

если это компонент на основе классов

console.log(this.props.location)