文章の中で特定の文字を動的にリンクを変えたかった。 以下のような感じで対応できた。 対応例 ja/translation.json { "link" : "こちらの<link_label>リンク</link_label>を参照ください。" } en/translation.json { "link" : "Please refer to this <link_label>link</link_label>.” } const {t} = useTransla…

&_で子孫に要素を当てられる。実際antdとか使っててスタイルが崩れた時に応急処置するときとかに使った tabler/reacr-iconと組み合わせるとよくズレる 例 <FloatButton className="[&_[class=ant-float-btn-icon]]:grid [&_[class=ant-float-btn-icon]]:place-content-center" icon={<IconFile />} ></floatbutton>

普段フロント側が多くてバックエンドならではの発想に衝撃を覚えました。 衝撃の一言 バックエンド実装中の私は、ある拡張子を解凍する必要がありました。 しかし、有用そうなアーカイブライブラリは一種類のみ、しかもバグで動かないしメンテもされていない…

やりたいこと 用意したTranslationの一部をboldにしたかった。 useTranslationのtだけじゃ無理だった。 答え <Trans>を利用して、react-i18nextで一部許されているタグで装飾する。 translation.json "hey": "Hey <strong>{{name}}</strong> !" example.tsx const {t} = useTranslati</trans>…

ハンドラを設定する際にステータスコードやエンドポイントってあんまり変えないし、変えたとしてもStory毎ですよね。 毎回設定するのも億劫だったので、あんまり労力かけずに取り回ししやすくするようにしています。 こんな感じ type StatusParams = Paramet…