課題 React-Router使った子コンポーネントに親コンポーネントのpropsを引数として渡したい 対応 調べたところcloneElementを使えという話が多かったものの、 面倒そうなので簡単なのを探したところrenderを使うことで実現できた。元々componentを使っていた…

課題 アイテム追加URL items/add をコールすると アイテム詳細URLの /items/:itemid もヒットしてしまう。 :itemId は数値の場合のみ適用したいがどうすればよいか。 対応 path-to-regexp による正規表現が記述できるのでそちらを使う <div> <Route path="/items/add" component={AddItem}/> <Route path="/items/:itemId(\d+)" component={ItemDetail}/> </div> 参考 http://stack…

課題 Reactをブラウザで動作確認していると、画面遷移して URLが書き換わった後でブラウザをリロードすると404エラーになってしまうので、どうしようかなという話。 対応 Webサーバーを使う jsとcss以外のリクエストに対して常に同じファイルを返す というこ…

課題 アイテム一覧コンポーネントの確認用に、ダミーデータを作って表示させたいが、 render内でfor文を書くにはどうすればよいか。 対応 JSX内に直接forを埋め込もうとしても上手くいかない。 なのでrender()内で事前に配列データを生成してからそれを JSX…