petitviolet_blog

@petitviolet blog

2019-12-01から1ヶ月間の記事一覧

ReactからAceEditorを使ってリッチなエディタを表示する

これはなに リッチなエディタとしてajaxorg/aceというものがあり、Reactから使おうとするとsecuringsincity/react-aceが便利。 react-aceが提供するコンポーネントをラップするような独自のコンポーネントを実装する。 具体的には、以下の三点。 ファイルタ…

react-routerで同じComponentにLinkで遷移したときにstateがリフレッシュされない

まとめ Routeに異なるkeyを設定する <Route exact key={'new'} path={'/posts/new'} component={EditPostComponent} /> <Route exact key={'edit'} path={'/posts/:id/edit'} component={EditPostComponent} /> <li>などでリストを表示したときにkeyを設定してないとwarningが表示されるが、それと同じことが起きていると思えばよい。 https://reactjs.org/docs/lists-and-keys.html#keys サ…</li></route></route>