わーいReactでautoKanaみたいなことやるやつできたよー ref: http://qiita.com/suisho/items/81ad81425eb07af1dfc1

file0.txt

var Example = React.createClass({
  onUpdateKana(data){
    this.setState({
      kana : data.kana
    })
  },
  render(){
    return (
      <div>
        <div>
          <AutoKana onUpdate={this.onUpdateKana} />
          <input value={this.state.kana} />
        </div>
      </div>
    )
  }
})

file1.js

["", "あ", "あｋ", "あか", "赤", "赤あ", "赤あお", "赤青", "赤ｋ青", "赤き青", "赤きい青", "赤きいｒ青", "赤きいろ青", "赤黄色青"]

file2.js

[ [ '赤', 'あか', 'あｋ', 'あ', '' ],
  [ '黄色', 'きいろ', 'きいｒ', 'きい', 'き', 'ｋ' ],
  [ '青', 'あお', 'あ' ] ]

file3.js

あかきいろあお