Передача пользовательских реквизита в ссылке

Question

Я пытаюсь выяснить, как передать пользовательский реквизит в NavLink. Я использую серверную разметку и реагирующую ленту. Поток состоит в том, что я получаю список данных из бэкэнда и создаю для него Navlinks. Когда пользователь нажимает Navlinks вместо того, чтобы снова получать те же самые данные, он должен показывать данные, которые я первоначально получил из бэкэнда и передал как подпорки к этому.

Этот код создаст Navlink:

 this
            .props
            .activeData
            .map((data, idx) => (
              <div key={idx}>
                <NavLink
                  dataItems={data}
                  tag={MLink}
                  to={`/dashboard/data/datainfo/${data._id}`}
                  activeClassName="active"><DataInfo dataItems={data}/></NavLink>
              </div>
            ))

DataInfo является компонентом для отображения Navlinks.

Когда пользователь нажимает на выше, он должен направить на другую страницу (детали), которая должна отображаться из данных. Это маршрут, который я использую.

<Route exact path="/dashboard/data/datainfo/:_id" component={Details}/>

Может кто-нибудь, пожалуйста, подскажите мне, как я могу передать реквизиты клиента в Navlink, к которым можно получить доступ после его перехода на новую страницу

Заранее спасибо.

Answer 1

Идентификатор, который вы передаете, должен быть достаточно.

Компонент Details должен взять этот идентификатор и загрузить "покупателя" из магазина.