タグ

Reactに関するmomijitanのブックマーク (2)

  • react-router-redux で URL 直打ちすると Cannot GET /subdir になる - Qiita

    Redux で routing を実装していて、うまく動いてくれずハマりました。 所感の項にも書いていますが、見当違いで解決策が見つかりづらかったので情報残しておきます。 現象 ブラウザで、ルート以下の階層の URL を直打ち、あるいはリロードすると Cannot GET /subdir (subdir はディレクトリ名) と表示されページを読み込めず。 直打ちで読み込めるのは、この場合 http://localhost:3000 のみ。 原因 サーバに 404 を index.html に fallback する設定が必要。 対処法 サーバによって設定方法は違いますが、 webpack-dev-server の場合は起動オプションで --history-api-fallback を追加すればよいです。 $ webpack-dev-server --history-api-fallback

    react-router-redux で URL 直打ちすると Cannot GET /subdir になる - Qiita
  • Reactのライフサイクル - React入門 - to-R Media

    記事ではClassコンポーネントに指定できるライフサイクルイベントについて解説を行っています。 React 16.8よりfunctionコンポーネントにライフサイクルイベントに似た機能が追加できるuseEffectが追加されましたのでそちらも参考にしてください。 useEffect / React Hooks – React入門 ライフサイクルメソッドの種類 用意されているライフサイクルメソッドは以下の7種類です componentWillMount() コンポーネントがマウント(配置)される直前に呼び出されるメソッド。 このメソッド内でsetStateでstateを変更すると描画時には変更されたstateで描画されます。 componentDidMount() コンポーネントがマウント(配置)された直前に呼び出されるメソッド。 以下のように指定することで状態変化に応じた処理を行うことが

    Reactのライフサイクル - React入門 - to-R Media
    momijitan
    momijitan 2018/02/23
    “マウント(配置)”
  • 1