[react]ルーティング

商品の詳細であれば、商品をクリックしたときに入ったのでurlが変更されるので、useparamsでダイナミックルーティングを使用できます.

<Link to=‘productDetail/:productId’>

:記号はpathパラメータの役割を果たす
import React, {useParams} from ‘react’;
const {productId} = useParams();
useParams(); json形式で入るので,構造分解配分を行うだけでよい.
configのidをgithubに露出できないので
サーバurlやkeyなどの一意の値をすべて収集します.envファイルに置く
.envファイルのデータを使用するにはprocess.~~この方法で変数を使えばいいです

REACT_APP_URL = ``;
REACT_APP_?? = ``;

このようにenvファイルで変数を指定する場合は、前にREACAPPを追加する必要があります
またはsrc/apis/config/*をgitinoreに追加すればよい
private githubの場合は直接アップロードする場合もありますが、publicの場合は隠した方がいいです.