React.js– category –
-
test
react-apolloのテストで「Invariant Violation: Could not find “client” in the context or passed in as a prop」
Invariant Violation: Could not find "client" in the context or passed in as a prop. Wrap the root component in an , or pass an ApolloClient instance in via props. -
React HooksGWお勉強ブログ:1 [React Hooksの動きを理解する]
GWお勉強ブログ:1 [React Hooksの動きを理解する] 改めて動きを理解するためのコードを 書いてみました。 ページリロードしてここを押して見てください。 1 false App render Hello render Hello Effect App Effect こうなっているかと思います。 まずuseS... -
react-apollo-graphql【react-apollo/graphql】mutation時に特定のqueryを実行させる(execute a specific query after mutation exexcute)
【react-apollo/graphql】mutation時に特定のqueryを実行させる execute a specific query after mutation exexcute) -
react-apollo with graphql[react-apollo with GraphQL] How to call any number of multiple mutations after getting query result
[react-apollo] How to call any number of multiple mutations after getting query result -
GraphQL解決コレ。「DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.
解決コレ。「DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead. GraphQLでGithubのGraphQL APIを使って勉強中。 「Relay-styl... -
An Effect function must not return anything besides a function解決【React/useEffect】Uncaught TypeError: destroy is not a function
解決【React/useEffect】Uncaught TypeError: destroy is not a function: see: https://daveceddia.com/useeffect-hook-examples/ -
browser-back【react-dates】ブラウザバックで初期化されてしまう対応。you may have to pass initialVisibleMonth in react-dates. When you use browser-back.
you may have to pass initialVisibleMonth in react-dates. When you use browser-back. Hi. this post worte for you using react-dates library now. i wonder how to non initialize when I was control for browser-back and then try to look for so... -
react-datesこれ How to custom for default style in react-dates
これ。How to custom for default style in react-dates Recently, I'm using react-dates for implements user can select day and update state it in Redux. I'm googling while few time, The library seems to deffecult for me to custom style in d... -
local-development-staging-production-in-reduxreject後のCreate React Appにdotenvを使って環境変数をそれぞれの環境(local, development, staging, production)に適応させ、Redux(Store)内から参照する(After Reject for CreatReactApp, How to Set Environment Variables for staging, development, production with dotenv and use it with Redux)
reject後のCreate React Appにdotenvを使って環境変数をそれぞれの環境(local, development, staging, production)に適応させ、Redux(Store)内から参照する After Reject for CreatReactApp, How to Set Environment Variables for staging, development,... -
from-flow-to-typescriptcreate-react-appで生成、rejectした既存のプロジェクトで「FlowTypeからTypeScriptに移行するときにする事」
create-react-appで生成、rejectした既存のプロジェクトで「FlowTypeからTypeScriptに移行するときにする事」 問題意識 ・今後の事を考えてflowよりTypeScriptにしたくなった。 やった事 ・flow記述されているプロジェクトをTSに丸っと移行 ・差分がわかり... -
Could not find "store" in either the context or propstestでこれが出たら「Invariant Violation: Could not find “store” in either the context or props」
testでこれが出たら「Invariant Violation: Could not find "store" in either the context or props」 React conponentをEnzymeでテストしようとして「Invariant Violation: Could not find "store" in either the context or props」が出たら 下の記事 h... -
yarn testをしたらApp のところでtoken Error【jest & create-react-app】 yarn testをしたらApp のところでtoken Error
create-react-appでyarn testをしたら -
prettiercreate-react-appにprettierを効かせる設定
create-react-appにprettierを効かせる設定 はなんでも設定してくれている状態なのですが、 prettierはdefaultでありません githubのissueによると 我々は実際のerrorに対するものだけをサポートするとあります https://github.com/facebook/create-react-... -
parsing error the keyword 'import' is reserved【create-react-app】でeslint走らせたら「parsing error the keyword ‘import’ is reserved」
【create-react-app】でeslint走らせたら「parsing error the keyword 'import' is reserved」 やりたいこと create-react-appでprettierで整形してからeslintをコミット前にチェックしてエラーがあったらコミットを中止する 結論 ・eslintとbabel-eslint... -
Filedに渡したcomponentにpropsとして関数を渡す【reduxForm】<Filed/>Componentにfunctionをpassする
【reduxForm】<Filed>Componentにfunctionをpassする ちょっとこれややはまって、ドキュメントにも書いてあるのですが、 ググっても出てこなかったのでこちらに書いておきます。 Filedのコンポーネントにpropsとしてオブジェクトを渡してあげます。 でco... -
webpack4create-react-appでwebpack4にupdateしようとすると「html-webpack-plugin-before-html-processing. Hook was not found」
create-react-appでwebpack4にupdateしようとすると「html-webpack-plugin-before-html-processing. Hook was not found」 このプルリクが取り込まれたらエラーが解消されるらしい https://github.com/facebook/create-react-app/pull/4077/files#diff-3b5... -
React.js【React】redux-form,redux-sagaでsubmitActionするまでのexample
【React】redux-form,redux-sagaでsubmitActionするまでのexample ネット上にredux-formとredux-sagaのリアルなsampleがなくて困っていました。 最近やった案件でちょうど使う機会がいただけたので、復習も兼ねて改めてサンプルを作りました。 github reac... -
React.js【react】react-formのsubmit前に確認or値を変更したい(日本語)
【react】react-formのsubmit前に確認or値を変更したい(日本語) 以前友達からreact-formのsubmit前にサーバーさんが値を変更して送って来て欲しいという依頼があってどうすればいいのか相談されました。 その当時react-formを使っていないので適当な参照ur... -
React.js【React対応】invariant.js:42 Uncaught Error: React.Children.only expected to receive a single React element child
invariant.js:42 Uncaught Error: React.Children.only expected to receive a single React element child これが出たら、console.log上の ここを見て、 ブレイクポイントで何が返っているか見てください。 reactコンポーネントを返すことを期待していま... -
sample【React/Higher-order Components】いっちゃん理解しやすいHOCコンポーネント
【React/Higher-order Components】いっちゃん理解しやすいHOCコンポーネント