Если я следующий HTTP вызов моей апи на ресурсах/людей и вернутьReact.js HATEOAS клиент
{
"_embedded": {
"people": [
{
"id": 1,
"firstName": "John",
"lastName": "Doe",
"_links": {
"self": {
"href": "http://localhost:8080/person/1"
},
"person": {
"href": "http://localhost:8080/person/1"
}
}
}
]
},
"_links": {
"self": {
"href": "http://localhost:8080/person"
}
}
}
Данные визуализируется на экране в виде таблицы и в настоящее время я выставить свои идентификаторы из моего внутреннего интерфейса и используйте следующую ссылку для моего react-router
обрабатывать
<Link to={`person/${this.props.person.id}`}>Detail</Link>
Здесь я не могу пройти по ссылке в оказанной ссылке и должен передать идентификатор, чтобы сделать вызов детали в моем внутреннем интерфейсе. Но вместо того, чтобы конструировать href
вручную, я хочу использовать url на _links.self.href
в моем следующем компоненте.
Как я могу достичь этого, не раскрывая идентификаторы в моем приложении React?
'Я не могу передать его в качестве параметра, так как это ссылка. Можете ли вы рассказать об этом немного? Кроме того, как вы маршрутизируетесь? реагируют-маршрутизатор? –
Вы были правы, было неясно, теперь лучше? – jgeerts
Намного понятнее, спасибо. Но не будет '<Ссылка на = {' $ {this.props.person._links.self.href} '}> Подробно' делай, что хочешь? Я предполагаю, что 'person' является структурой из этого массива в вашем ответе API. –