Skip to main content
2 / 3
タイトルを編集

react クライアント側でパラメータを取得し、それをもとにサーバーにリクエストするのは冗長ですか?

タイトルだと分かりづらいという方が多いと思いますので説明します。

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のバックエンドサーバーに転送しています。