タイトルだと分かりづらいという方が多いと思いますので説明します。
const [article, setArticle] = useState([]);
const params = useParams().id;
useEffect(() => {
axios.get(`/api/article/${params}`).then((response) => {
setArticle(response.data.article);
});
}, [params]);
http://localhost/abc にアクセスしたとすると、params
にはabcが入り、paramsをもとにgetでabcと紐付いた記事のデータを取得しています。
実際に正常に動作はしていますが、この場合abcというidは http://localhost/abc にアクセスした時点でサーバー側で取得できるにも関わらず、上記のように実装するのは冗長でしょうか。
またセキュリティーやパフォーマンスの面でご指摘いただけると幸いです。
/api/article/${params}へのアクセスはnginxのプロキシでnodejs/expressのバックエンドサーバーに転送しています。