Skip to main content
本文に 74 文字追加
ソース リンク

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

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 にアクセスした時点でサーバー側で取得できるにも関わらず、上記のように実装するのは冗長でしょうか。
また

パラメータのidなどをもとに記事を表示しるような形態のwebサイトでは一般的にどのような手法が用いられているのか教えていただきたいです。

またセキュリティーやパフォーマンスの面でご指摘いただけると幸いです。

/api/article/${params}へのアクセスはnginxのプロキシでnodejs/expressのバックエンドサーバーに転送しています。

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

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

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

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 にアクセスした時点でサーバー側で取得できるにも関わらず、上記のように実装するのは冗長でしょうか。

パラメータのidなどをもとに記事を表示しるような形態のwebサイトでは一般的にどのような手法が用いられているのか教えていただきたいです。

またセキュリティーやパフォーマンスの面でご指摘いただけると幸いです。

/api/article/${params}へのアクセスはnginxのプロキシでnodejs/expressのバックエンドサーバーに転送しています。

タイトルを編集
リンク

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