React 関連のメモ

React Bootstrap + React Router Dom で複数ページ

• React で Bootstrap の Navbar と react-router-dom を同時に使う方法 - 備忘録
• React-Bootstrap　他ページに遷移させるとHome＋遷移後の両方のページ内容が表示されてしまう。
• React, Bootstrapを使って他のページに飛ぶLinkを作りたい。

Navbar の Nav.Brand で遷移した場合に Nav.Link に active を指定しないようにする、パス情報の取得

• How to make an active navbar link when it shows its page using react-bootstrap ~ angularfix
• React-Bootstrap · React-Bootstrap Documentation

React Bootstrap / Compoents

• Card: React-Bootstrap · React-Bootstrap Documentation
• List Group: React-Bootstrap · React-Bootstrap Documentation
• Accordion: React-Bootstrap · React-Bootstrap Documentation
• Popover: React-Bootstrap · React-Bootstrap Documentation
• Buttons: React-Bootstrap · React-Bootstrap Documentation
• Grid: React-Bootstrap · React-Bootstrap Documentation
• Modal (頓挫): React-Bootstrap · React-Bootstrap Documentation
  • React-Bootstrap Multiple Modal - Stack Overflow

React で Font Awesome を使用する

• 【React】Font Awesomeを導入するメモ - Qiita

JSX でループ

• JSX を深く理解する – React
• React.jsでループするには。 - Qiita
• コンポーネントに関数を渡す – React

Warning: Each child in a list should have a unique "key" prop.

• Reactアプリでの「Warning: Each child in a list should have a unique “key” prop.」の回避はコンポーネントの呼び出され側ではなく呼び出し側で行う | DevelopersIO

条件付きレンダー

• 条件付きレンダー – React

React + axios

• GitHub - axios/axios: Promise based HTTP client for the browser and node.js
• Reactを使ってaxiosを学ぶ | アールエフェクト
• React でAxios を使用する方法 | DigitalOcean