Отправить значение параметра через маршрутизацию React

Я пытаюсь использовать Link from react-router-dom для отправки параметра на другую страницу.

У меня есть этот путь:

<Route path = {"/IDSM/IDSMAdmin/EditUser/:username"} component = {EditUser}/>

Вот ссылка, которая ведет туда:

<Link to = {"/IDSM/IDSMAdmin/EditUser/${item}"}>{item}</Link>

Но это не отправляет значение {item} на другую страницу. Вместо этого он просто отправляет буквальное значение "${item}".

{ username: "${{item}}" }

Как я могу отправить содержимое самого {item}?

reactjs

31.05.2019 07:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Используйте символ обратной галочки вместо двойных кавычек для отправки параметров

<Link to = {`/IDSM/IDSMAdmin/EditUser/${item}`}>text here</Link>

31.05.2019 07:14

Если вы хотите передать параметр другому компоненту:

<Route path = {"/IDSM/IDSMAdmin/EditUser/:username"} component = {EditUser}/>

export default class EditUser extends Component {
  render() {
    return(
      <div>
        <h2>{this.props.match.params.username}</h2>
      </div>
    )
  }
}

31.05.2019 07:18

Другие вопросы по теме

React-Router неправильно отображает стили Styled-Components

Проблемы с перенаправлением после успешной попытки входа в систему Auth0

Возьмите URL-адрес в качестве ввода из текстового поля и верните содержимое URL-адреса

Как оставить раскрывающийся список открытым при вводе выделения, перетаскивании, отпускании?

Как установить начальное значение/значение по умолчанию для массива, используемого <FieldArray/>?

Реагировать js. Как сделать компонент с такой структурой: <Component> описание компонента </Component>

Добавление значений поля ввода к существующему объекту на основе флажка

Jest/Enzyme - TypeError: div.find не является функцией

Как я могу прочитать предварительно извлеченные данные на стороне сервера с помощью машинописного клиента?

Не удается получить доступ к class.contextType в дочернем компоненте

Отправить значение параметра через маршрутизацию React

Ответы 2

Другие вопросы по теме

Похожие вопросы