React– tag –
-
【React】bugg??もしもreact-slickがあるページかつsafari、chomeのみinput値を入力中にスタイルが崩れたら「if you encounter in the safari browser, when you typing text in input, (the page are using the react-slick)(react bug input safari in iPhone react-slick javascript onChange onBlur)」
【React】bugg??もしもreact-slickがあるページかつiphoneのsafari,chomeのみinput値を入力中にスタイルが崩れたら「if you encounter in the safari,chrome browser in iPhone, when you typing text in input, (the page are using the react-slick)(rea... -
【React】注意「Failed prop type: transitionAppearTimeout wasn’t supplied to ReactCSSTransitionGroup: this can cause unreliable animations and won’t be supported in a future version」が出たら
【React】注意「Failed prop type: transitionAppearTimeout wasn't supplied to ReactCSSTransitionGroup: this can cause unreliable animations and won't be supported in a future version」が出たら ここ 【 併せて読みたい 】 【REACT】REACTの動き... -
【React】消せない警告「Warning: It looks like you’re using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster.」を消す方法
【React】消せない警告「Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster.... -
【React】これ。Warning 「 Each child in an array or iterator should have a unique “key” prop. Check the render method of `ComponentName`」が出たら
【React】これ。Warning 「 Each child in an array or iterator should have a unique "key" prop. Check the render method of `ComponentName`」が出たら たまにmap処理を使っているとWarning出ているときあります。 下記の様に 【React】Warning 「 Ea... -
【React】エラー「invariant.js:38Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of `t`.」
【React】エラー「invariant.js:38Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of `t`.」 この... -
【React】以前の「REACT × FLUX × ES6 LINE風チャット」を修正しました。
【React】以前REACT × FLUX × ES6 LINE風チャットを修正しました。 こちらなのですが、動かないとのご指摘を受けて、修正しました。 修正内容 https://github.com/kenmori/React-ES6-Flux-Playground/pull/75/commits/f1b343b6797ced8f43f7c5fef01fc50ce16... -
【React】React15.3.0からfindDOMがReactから切り離されたのでこのようなエラー出た場合「Uncaught TypeError: _react2.default.findDOMNode is not a function」
【React】React15.3.0からfindDOMがReactから切り離されたのでこのようなエラー出た場合「Uncaught TypeError: _react2.default.findDOMNode is not a function」 Reactのメソッドから切り離されたと思われるコミット https://github.com/facebook/react/p... -
【React】エラー「ReactDefaultInjection.js:53Uncaught TypeError: Cannot read property ‘toUpperCase’ of undefined」
【React】エラー「ReactDefaultInjection.js:53Uncaught TypeError: Cannot read property 'toUpperCase' of undefined」 このようなエラーがでたら。 reactの読み込んでいるバージョンが違う可能性があります。 https://github.com/reapp/reapp/issues/55... -
【React】親コンポーネントから子コンポーネントのメソッドを呼ぶrefの使い方
【React】親コンポーネントから子コンポーネントのメソッドを呼ぶrefの使い方 refの使い方が曖昧だった。 子componentにref="[name]"としてその参照をする際にthis.refs.nameとやると子供のcomponent内が参照できて、 もし子供がaddというメソッドをもって... -
【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜
【React】ブラウザ間の差異をなくすcore.jsをReact内にimportする方法〜ES6,ES7のメソッドを快適に使う〜 以前の記事でObject.assignがios8で使えなくてpolyfillを使った話をしたのですけど、 core-jsで解決できるようなので試してみた。 ES6でimportして... -
【React × ECMAScript2015】Object.assign,Array.includesがiOS8.1.1、Androidで使えない！ES6(ECMAScript2015)でのpolyfillの意味と使い方
【React × ECMAScript2015】Object.assign,Array.includesがiOS8.1.1、Androidで使えない！ES6(ECMAScript2015)でのpolyfillの意味と使い方 今日Reactでmodalを作っているとsetStateする値をオブジェクトそのままで保持しておく必要があって、さらにもし他... -
【React】react-modalの簡単実装するための9つの手順とハマりポイント
【React】react-modalの簡単実装するための9つの手順とハマりポイント 業務でmodalを実装したのですが、ハマったところがありました。 で、それにまつわる記事がなかったので書きます チュートリアル 作るモーダルは これ githubにReact-Sampleとしておい... -
【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample)
【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) 【React】React入門の方が動きを理解したい人の為の最小サンプル(Sample) こういうのあったらいいなと思って作りました「【React】React入門の方が動きを理解したい人の為の最小サ... -
【Reactのstateとpropsの違いが知りたい！(変更・更新の仕方等デモあり)】過去のReact初心者の自分にpropsとstateの違いを説明する
【Reactのstateとpropsの違いが知りたい！(変更・更新の仕方等デモあり)】過去のReact初心者の自分にpropsとstateの違いを説明する わたしについて この記事は2016年に投稿した記事で、今では古い書き方になっているかもしれませんが、考え方は一緒です。(... -
【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~
【Immutable.jsの使い方】Immutable.js超入門~ReactでsetStateのプロパティ値に直接代入避ける~ React使っているとどうしてもsetStateへの値の渡し方で大変苦慮します。 Array.concatとかassignとかもいいですが、assignはディープコピーはできないような... -
【React】babelでbabel-preset-stage-0や使う方法「ES7 Property Initialiazers for Default Props and Prop 」を使いたい方へ
【React】babelでbabel-preset-stage-0や使う方法「ES7 Property Initialiazers for Default Props and Prop 」を使いたい方へ 英語文しかなかったので自分のようなReactにおいて「ES7 Property Initialiazers for Default Props and Prop」を使いたい方へ... -
知らなかった!AtomでReact×ES6×JSX書くヒトの為のpackage「language-babel」が既にあった
知らなかった!AtomでReact×ES6×JSX書くヒトの為のpackage「language-babel」が既にあった https://atom.io/packages/language-babel 早速入れた。 -
【React × ES6 × Flux】を手っ取り早く学びたい人の為にサンプル作ったよ【3の倍数と3が付くときだけ猫になるCounter】
【React × ES6 × Flux】を手っ取り早く学びたい人の為にサンプル作った【3の倍数と3が付くときだけ猫になるCounter】 Cat comes out when that contains the multiples of 3 and the string to 3 なかなかミニマムでこれらを学べるプロジェクトがみつから... -
【React × Flux × ES6】LINE風チャット
【React × Flux × ES6】LINE風チャット 話は表題と違うのですが、 小さい頃よく母親の作る料理がどこか一箇所凝ったものが混ざってて、 普通の味噌汁でいいのにしめじ入ってたり、 普通の魚でいいのに苦手な野菜をあんかけにして乗っけてきたり、 普通の白... -
【React】with ES6
React with ES6 getting start https://jsbin.com/fuyedekaga/1/edit?html,js,console,output Reactrepogtory html javascript [javascript] class HelloMessage extends React.Component { constructor(props){ super(props); } render(){ return (<di...