Blackbing Playground

[react] selection auto-complete component

最近在找一個 selection 的 react component,但希望可以支援 auto-complete,找了好幾個不是整合有問題,就是彈性不夠,試了幾個都不太好整合。後來找到這個,http://jedwatson.github.io/react-select/,蠻不錯的 UI,想要的功能也都支援。特此記錄一下。

react-select

demo

螢幕快照 2015-04-15 下午2.45.56.png
蠻喜歡這種 UI 的,兼具 input 和 select 的控制項。

以下是其他類似的,但用過都還是有缺點

  1. https://github.com/asbjornenge/react-datalist
    利用 html5 datalist,用 react 的特性其實很好操作,缺點是 支援瀏覽器有限(http://caniuse.com/#search=datalist),polyfill 太醜然後某些 action 操作不太一樣。
  2. https://github.com/fmoo/react-typeahead
    看到 typeahead 我以為是 twitter 的 typeahead 的 react 版本,後來看了 sourcecode 才發現作者是重頭實做了一次 typeahead ,但是很多部分跟原本的 typeahead 不太一樣。操作起來綁手綁腳的。
  3. https://github.com/eliseumds/react-autocomplete
    這個 repository 取名取得很好不過跟 npm 的 react-autocomplete 又不一樣,然後 npm 的 react-autocomplete 的命名其實是 combobox ,而且沒在維護,連 source code 也不在 github 上了。

  4. https://github.com/prometheusresearch/react-selectbox
    因為星星數不夠多,所以根本沒用過。

以上。雖然網路資源很多,但是找起來好像在查 paper 的感覺,希望有幫助到有相關需求的人。