Module not found: Can’t resolve ‘styled-components’
Module not found: Can’t resolve ‘styled-components’ が表示されて、 npm i styled-component したはずなのに、おかしいなと思ったら、sを忘れていた。 …
React
react-markdownを使用してマークダウンをレンダリングする
パッケージを追加します。 yarn add react-markdown コード例: import ReactMarkdown from ‘react-markdown’; const App = () => { con …
React: GoogleアナリティクスでSPAをトラッキングする
通常のWEBページでGoogleアナリティクスを使用するにはヘッダーに指定のタグを埋め込むだけで良いですが、その手法では、Reactを用いたSPAのページ遷移を正しく集計できません。そこで、ちょっとした工夫が必要になりま …
React Native + Expoで簡単スマホアプリ作成
インストール npm install -g create-react-native-app アプリ作成 create-react-native-app myapp cd myapp yarn start 実機でテスト E …
React: AWS AmplifyコンソールでReact-routerを使用する
React-routerでページを遷移した後に更新ボタンを押すと、白紙のページになってしまいます。Amplify Console 200 (Rewrite) fails on SPA React (Router) App …
React: 再生ボタンを押すと音楽が流れるようにしたい
インストール yarn add @material-ui/core yarn add @material-ui/icons yarn add react-sound 使用例 import React, { Compone …
Reactで条件分岐をする３パターン
1 { flag && <p>trueの場合</p> } 2 { flag ? <p>trueの場合</p> : <p>falseの場合</p> } …
React: react-helmetを使用してtitleタグを書き換える
インストール yarn add react-helmet titleタグを書き換える import React, { Component } from ‘react’; import { Helmet } from ‘r …