React– tag –
-
react-router-dom4.0.0
【react-router@3.x→4.x】動かない。。アップデートで困っている人が読む記事(how to update react-router3.x vs 4.x)
【react-router@3.x→4.x】動かない。。アップデートで困っている人が読む記事(how to update react-router3.x vs 4.x) 最近react-routerを3から4に変更したのですが、色々チェンジがあって苦戦しました。 react-routerをあまり触る機会がなかった自分はと... -
status of 404 (Not Found)
【react-router】ハマった「browserHistoryをhistoryに渡すと」「Failed to load resource: the server responded with a status of 404 (Not Found)」
【react-router】ハマって抜けなかったエラー「browserHistoryをhistoryに渡すと」Failed to load resource: the server responded with a status of 404 (Not Found) かれこれ2時間ぐらい戦っていました。 自分のコード [javascript] import React, { Com... -
Warning: [react-router] Location
【react-router】解決! Warning: [react-router] Location “[pathname]” did not match any routes
【react-router】解決! Warning: [react-router] Location "[pathname]" did not match any routes 上の画像のような「 Warning: [react-router] Location "[pathname]" did not match any routes」が出たら。 [javascript] <Router history={browserHi... -
child-keys-must-be-unique
【React】これ。Warning: flattenChildren(…): Encountered two children with the same key, `keyName`. Child keys must be unique; when two children share a key, only the first child will be used.
【React】これ。Warning: flattenChildren(...): Encountered two children with the same key, `keyName`. Child keys must be unique; when two children share a key, only the first child will be used. よく出るこれ。keyがダブった際に出るWarning ... -
React.js
【React】getElementsByClass[Tag]NameでReact.renderする
getElementsByClass[Tag]NameでReact.renderする.js 何をいっているかというと、 本来、 React.render(, document.getElementById("hoge")); でレンダーするのですが、(14.0以上はReactDOM.render) これを諸事情で、getElmentsByClassNameとして渡したい。... -
webpack
【React】これ。SyntaxError: ‘import’ and ‘export’ may only appear at the top level
【React】これ。SyntaxError: 'import' and 'export' may only appear at the top level -
webpack
【React】 if(!element.loader || element.loader.indexOf(“!”) >= 0) throw new Error(“Cannot define ‘query’ and multiple loaders in loaders list”);
【React/webpack/babel-loader】もし「Error: Cannot define 'query' and multiple loaders in loaders list」で「 if(!element.loader || element.loader.indexOf("!") >= 0) throw new Error("Cannot define 'query' and multiple loaders in loaders li... -
react-router-redux
【react-router-redux】これが出てきたら:
should not have a “path” prop in IndexRoute 【react-router-redux】これが出てきたら:<IndexRoute> should not have a "path" prop in IndexRoute should not have a "path" prop in IndexRoute indexRoute はpashプロパティを持つべきではありません。 fix [code language="javascript"] Rou... -
react-router-redux
【react-router-redux】エラーを解決:routing state to be available either as `state.routing` or as the custom expression you can specify as selectLocationState。。。
【react-router-redux】エラーを解決:sync.js:39 Uncaught Error: Expected the routing state to be available either as `state.routing` or as the custom expression you can specify as `selectLocationState` in the `syncHistoryWithStore()` optio... -
Redux
【Redux】「bindActionCreators」とは。使い方 Reduxドキュメント日本語訳
【Redux】「bindActionCreators」とは。使い方 Reduxドキュメント日本語訳 ReduxドキュメントのbindActionCreators ====================== bindActionCreators(actionCreators, dispatch) 同じキーを持つオブジェクトに、 その値をActionCreatorであるオ... -
Redux
【React/Redux】このアラートが出てきたらすること/warning.js:36 Warning: validateDOMNesting(…): <div> cannot appear as a descendant of <p>. See Counter > p > … > div.
【React/Redux】このアラートが出てきたらすること/warning.js:36 Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>. See Counter > p > ... > div. React x Reduxを使っていて、 下記のようなものが... -
Redux
【React/Redux】Propsがread-onlyでEmpty Object。。connectとか疑った後,Container内のComponentが何も返してくれない時
【React/Redux】Propsがread-onlyでEmpty Object。。connectとか疑った後,Container内のComponentが何も返してくれない時 エラーにもならないで、静かに訴えています。。 写真のようにaddOnで見ると、、Propsがread-onlyでEmpty Object。。connectとか疑っ... -
Redux
【Redux】これハマった。。invariant.js:38 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
【Redux】これハマった。。invariant.js:38 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. ヒントもうちょっと欲しい。。って思いながら、... -
Redux
【Redux】これが出たら疑う箇所:Uncaught Error: Objects are not valid as a React child (found: object with keys {counterReducer, inputReducer}). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of `Component`.(…)
【Redux】Uncaught Error: Objects are not valid as a React child (found: object with keys {counterReducer, inputReducer}). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(objec... -
Redux
【Redux/combineReducers】これが出たら真っ先に疑う箇所「Uncaught TypeError: (0 , _redux.combinReducers) is not a function」
【Redux/combineReducers】これが出たら真っ先に疑う箇所「Uncaught TypeError: (0 , _redux.combinReducers) is not a function」 Uncaught TypeError: (0 , _redux.combinReducers) is not a function そのreducer、関数ではないよ。やだよ関数じゃない... -
Redux
【Redux/redux-saga/reselect】たまに何をやっているか絵にする方が理解してないところが分かる
【Redux】たまに何をやっているか絵にする方が理解してないところが分かる Reduxとredux-sagaなどMiddlewareの呼び方とかを絵にした。Fluxのときもそうだったけど、、 ・reselect ・applyMiddleware ・redux-saga ・redux-thunk それぞれ何を解決している... -
Redux
【React/Redux】わたしもみている | Container Components
【React/Redux】わたしもみている | Container Components Container Components | @chantastic 記事はこのコードについて悪くはないがReactの利点を見逃していると述べています。 [code language="javascript"] // CommentList.js class CommentList exte... -
Redux
【Redux】ReactでもAngularでもとにかくRedux
【Redux】ReactでもAngularでもとにかくRedux Redux。。(ついこないだFlux理解したのに...) Fluxにどっぷり浸かっていたけどそろそろやらないとまずい... ドキュメント読んでわかりやすかったhtmlにインラインで書かれたやつ これが理解しやすいコードだっ... -
React.js
【React】子供のメソッドを親から呼びたい!!ref/refs使ったら「Uncaught Invariant Violation: addComponentAsRefTo(…): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component’s `render` method, or you have multiple copies of React loaded」
【React】子供のメソッドを親から呼びたい!!ref/refs使ったら「Uncaught Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. You might be adding a ref to a component that was not created inside a component's `rende... -
JavaScript
【JavaScript】2016フレームワーク戦争「React vs Vue vs Angular2」のある外国人のデータによる「予選結果」
【JavaScript】2016フレームワーク戦争「React vs Vue vs Angular2」のある外国人のデータによる「予選結果」 最近自分もひとづてにどうやらReactが抜けていると聞きましたが、 ここ 記事では 今使っていないけど学びたいフレームワーク、満足しているフレ...