router.get("/:id", auth, async (req, res) => {
try {
// вот тут ищу ссылку в базе, и отсылаю json в котором инфа о ссылке
const link = await Link.findById(req.params.id);
res.json(link);
} catch (e) {
res.status(500).json({ error: "Что-то пошло не так, попробуйте снова" });
}
});
height: 100vh;
this.state = {
users: [
{ user_id: 1, user_name: "kate", /* и прочая информация */ }
],
cards: [
{ card_id: 1, creator_id: 1 /* эту карточку создала kate под айдишником 1 */ }
// например создатель карточки, и после по этому id ты можешь достать инфу о этом
// создателе
]
};
<Route path="/api/events/:id">
return <Description cards={cards} /> // с сервера прилетает массив cards и users
</Route>
import React from "react";
import { withRouter } from "react-router-dom";
import "./styles.css";
class Description extends React.Component {
render() {
const { params } = this.props.match;
const creatorInfo = this.props.cards; // получил массив с сервера
const creatorAccount = users.find(creatorInfo.creator_id); // Например в массиве users от
// сервера, ищешь создателя по id
return (
<div>
<p>this page is {params.id}</p>
<p>name is {creatorAccount.user_name}</p> // тут пишется user_name из аккаунта
// создателя карточки, также можешь получить id создателя creatorAccount.user_id
// и все остальные данные
</div>
);
}
}
export default withRouter(Description);