カテゴリー: React.js

componentDidMountの置き換え mount時にデータ取得するようなやつ。 二つ目の引数に空のArrayを渡すと最初のrender後にだけ実行される。 componentDidUpdateの置き換え 何も指定

やりたいことをコードで書いてみたけど、これ何の為に必要なのかよくわからんなｗ もう少し実用的に書くなら こんな感じで、li全体がクリックできて、中の(1)をクリックした時は別の挙動みたいなやつを作りたい時に、何が問題かと

ドキュメントを上から読んでいって、まずは普通に useTranslation(); で実装しようとしました。 (i18nextのinitは別のとこでやってるので省略) useTranslation(); まずは親になるM

Warningが気になったので修正していきます。 Warning: A component is changing a controlled input of type text to be uncontrolled.

普通に引数が無い場合は、 これで、クリックした時にclickedが呼ばれるので問題なし。 これに普通に引数を渡すと、 こんな感じに書いて動かしてみると、renderしたタイミングでいきなりclickedが呼ばれる。 （表

前に作ったMessageクラスですが、、 以下のような感じで、 でOKらしい。

htmlは以前用意したもの(Hello, React.js!! まずは何か表示してみる。)をそのままで。 MessageとListを作ってみました。 Listの中でMessageを呼びます。 “this.pr

Chromeのconsoleに出てるんですが、これ出っ放しなんかな・・？と思ったんですが、、 そもそも読み込んでたreact.jsがdebug用だった・・。 production版は、react.min.jsの方。 ま、

って感じでコンパイルしようとすると、react以下の*.jsしか見てくれないんですが、 って感じで”-x”をつけてやると、*.jsxが対象になる。 そもそも、”–watch

用意したhtmlは以下。 用意したjsは以下 現在のtreeは以下。 (staticはDocumentRootです。) jsx -> jsにコンパイル 上記のコマンドだと、jsを書き換える度に叩かないといけないので、以下

jsxで書いてjsにコンパイルするのが一般的？なようなので、まずはjsxのコンパイル環境を作りたいと思います。 node.js + npmはすでにインストール済み。 やり方的には、(CentOS6.3にnode.js(v