Чтобы создать ссылку React Router с параметрами, вы можете использовать компонент Link, предоставляемый React Router. Это позволяет передавать параметры как часть URL-адреса и получать к ним доступ в целевом компоненте. Вот несколько методов, которые вы можете использовать:
-
Использование параметров маршрута:
- Определите маршрут в своей конфигурации маршрутизации, который включает параметр. Например:
<Route path="/user/:id" component={UserComponent} /> - В компоненте, в котором вы хотите создать ссылку, импортируйте компонент
Linkиз React Router и используйте его следующим образом:import { Link } from 'react-router-dom'; const userId = 123; // The parameter value const url = `/user/${userId}`; // Inside your component's render method return ( <Link to={url}>Go to User</Link> );
- Определите маршрут в своей конфигурации маршрутизации, который включает параметр. Например:
-
Использование параметров запроса:
- Определите маршрут в конфигурации маршрутизации без параметра. Например:
<Route path="/user" component={UserComponent} /> - В компонент, в котором вы хотите создать ссылку, импортируйте компонент
Linkи используйте его следующим образом:import { Link } from 'react-router-dom'; const userId = 123; // The parameter value // Inside your component's render method return ( <Link to={{ pathname: '/user', search: `?id=${userId}` }}>Go to User</Link> );
- Определите маршрут в конфигурации маршрутизации без параметра. Например:
Эти методы позволяют создавать ссылки с параметрами в React Router. Не забудьте настроить конфигурацию маршрутизации и целевой компонент для правильной обработки параметров.