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

0
Krishna Kumar Jangid 8 Фев 2020 в 07:43

2 ответа

Лучший ответ

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

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

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

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

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

Спасибо

0
Krishna Kumar Jangid 8 Фев 2020 в 04:43

Способ передачи данных в компонент навигации с помощью 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)
0
Vahid Akhtar 8 Фев 2020 в 05:16