今からはじめるReact.js〜propsとstate、それからrefs〜 | 株式会社ソリューションウェア
var Component = React.createClass({ componentDidMount:function(){ this.setState({stateKey1: "value1", stateKey2: "value2"}); }, のようにコンポーネント作成後、任意のタイミングで指定します。 (componentDidMountというファンクションはReact.jsが用意したファンクションで、コンポーネント作成後に実行されるようになっています) stateに値を設定する場合は、setStateを使うようにします。 this.state.stateKey1 = "value1" という書き方は認められていないようです。 値の取得 セットされた値を取得する場合は、単純です。 render:function(){ return ( <div> <span>title:{t
Reactでリスト（配列）のFilter機能とSort機能を実装する
Reactである配列を元にリストを表示させることは多いかと思います。双方向データバインディングのAngularだと、このリストを簡単に絞り込んだりソートしたりすることができますが、Reactでリストを絞り込んだり、並べ替えたりする場合は、どうすればよいのかということを試してみました。自分なりの実装方法をまとめてみたのでご紹介します。 サンプルまずはサンプルをご確認ください。keyとvaluを持ったオブジェクトの配列を、入力フォームに入力したワードで絞り込んだり、さらにkeyとvalueを昇順、降順で並び変えたりすることができます。これをReactで実装しています。 maechabin/filter-by-reactjs: filter & sort by ReactJS – GitHubJavaScriptで配列の絞り込み機能を実装するまずはReactで絞り込み機能を実装する方法を説明する
リスト表示＋ページングを実装しながらReact.jsを理解してみる - Qiita
jsonを返すAPIを使用して、チュートリアル+αの画面を実装してみます。 前提知識・単語 実装しながら読んだほうが理解しやすいと思います。 React.jsのadventカレンダー コンポーネント 画面を構成している要素。React.jsは画面をコンポーネントと呼ばれる要素に分けて実装します。 http://qiita.com/koba04/items/4f874e0da8ebd7329701 コンポーネントのライフサイクル propとstate http://qiita.com/koba04/items/bc13d1f42964278ae14e (prop) http://qiita.com/koba04/items/63267bcc918d76ac8767 (state) 1. 画面をコンポーネント分けする reactJSは画面を構成している要素ごとにパーツ分けをし、コンポーネントと
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference
今話題のReact.jsはどのようなWebアプリケーションに適しているか？ Introduction To React─ Frontrend Conference 外村 和仁（株式会社 ピクセルグリッド） 本記事は、2015/2/21に行われたFrontrend Conferenceの「Introduction To React」の内容を紹介します。 当日の資料は以下にアップされていますので、こちらも参照してください。 Introduction To React // Speaker Deck React.jsとは何か React.jsはFacebook製のJavaScriptライブラリです。 http://facebook.github.io/react/ 公式サイトに、「A JavaScript library for building user interfaces」とあるように、R
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
