React.js– category –
-
【React / Input】これ。Input is changing an uncontrolled input of type text to be controlled.
Warning: Input is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lif... -
【React】よく出るこれ。Uncaught TypeError: Super expression must either be null or a function, not object
【React】よく出るこれ。Uncaught TypeError: Super expression must either be null or a function, not object 最近結構このエラーに遭遇するので書いておきます。。 import exportのところをtypeしていないか。classを期待した記述になっているのにObje... -
【react-router v4 / history/BrowserRouter】ぺージ遷移の度にscrollTo(0,0)したい。
【react-router v4 / history/BrowserRouter】ぺージ遷移の度にscrollTo(0,0)したい SPAで遷移するページにて、 遷移元のリンクの位置がそのまま遷移先の「始まり位置」になってしまい。どのように対処すればいいか探していましたが、 なかなか見つからな... -
【react-router】react-router3、4に移行(migration)簡単なSampleサンプル作ったよ
【react-router】react-router3、4に移行(migration)簡単なSampleサンプル作ったよ 背景 今のプロジェクトでreact-router0.14系を使っていたのですが、一気に最新のに移行する必要がありました。 まずは3系にあげて、次に4系にあげるために最小単位のSampl... -
【React / Sidebar】解決！「Warning: Unknown prop `onTouchTap` on
tag. Remove」【React / Sidebar】Warning: Unknown prop `onTouchTap` on <div> tag. Remove これがでたらやること。 最近Reactのmigrationをやっています。その中で、slidebarを呼んでいるコンポーネントから Warning: Unknown prop `onTouchTap` on <div>...
【react-router@3.x→4.x】動かない。。アップデートで困っている人が読む記事(props(history, location, match等)をRouteから渡したい！！)
【react-router@3.x→4.x】動かない。。アップデートで困っている人が読む記事(props(history, location, match等)をRouteから渡したい！！) 以前 【react-router@3.x→4.x】動かない。。アップデートで困っている人が読む記事(how to update react-router3....【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をあまり触る機会がなかった自分はと...【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...【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...【React】これ。。Uncaught Error: ReactDOM.render(): Invalid component element. This may be caused by unintentionally loading two independent copies of React.
【React】これ。。Uncaught Error: ReactDOM.render(): Invalid component element. This may be caused by unintentionally loading two independent copies of React. これが出たら疑う箇所。 プロジェクト内のあるファイルが別々のreact.jsを参照してい...【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】getElementsByClass[Tag]NameでReact.renderする
getElementsByClass[Tag]NameでReact.renderする.js 何をいっているかというと、 本来、 React.render(, document.getElementById("hoge")); でレンダーするのですが、(14.0以上はReactDOM.render) これを諸事情で、getElmentsByClassNameとして渡したい。...
【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】これが出てきたら:
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】エラーを解決: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】「bindActionCreators」とは。使い方 Reduxドキュメント日本語訳
【Redux】「bindActionCreators」とは。使い方 Reduxドキュメント日本語訳 ReduxドキュメントのbindActionCreators ====================== bindActionCreators(actionCreators, dispatch) 同じキーを持つオブジェクトに、 その値をActionCreatorであるオ...【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を使っていて、 下記のようなものが...【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】これハマった。。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】これが出たら疑う箇所: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...