react bootstrap typeahead
v6.3.2
基於 React 的 typeahead，依賴 Bootstrap 進行樣式設計，最初受到 Twitter 的 typeahead.js 的啟發。它支援單選和多選，並符合 WAI-ARIA 創作實踐。試試生動的例子。
請注意，文件和範例適用於最新版本，如果您使用的是過時版本，則可能不再適用。
npm install --save react-bootstrap-typeahead
或者
yarn add react-bootstrap-typeahead
將該模組包含在您的專案中：
import { Typeahead } from 'react-bootstrap-typeahead' ; // ES2015
var Typeahead = require ( 'react-bootstrap-typeahead' ) . Typeahead ; // CommonJS 開發和生產版本包含在 NPM 套件中。或者，您可以從 CDNJS 或 unpkg 取得它們。
雖然該元件主要依賴 Bootstrap，但還需要一些額外的樣式。您應該將提供的 CSS 檔案包含在您的專案中：
// Import as a module in your JS
import 'react-bootstrap-typeahead/css/Typeahead.css' ;或者
< link
rel =" stylesheet "
href =" https://unpkg.com/react-bootstrap-typeahead/css/Typeahead.css "
/>為了支援 Bootstrap 5，此軟體包還包含一個名為Typeahead.bs5.css的 CSS 文件，該文件應與上面的基本 CSS 文件一起包含在內。
嘗試即時範例，其中還包括程式碼範例。如果您想要修改範例，請複製儲存庫並執行npm install和npm start來建立範例檔案。然後，您可以在瀏覽器中本機開啟 HTML 檔案。
您也可以嘗試以下沙箱範例：
如果您有對其他人有用的範例用例，請建立一個沙箱並提交拉取請求以將其添加到清單中！
支援以下瀏覽器的最新版本：
特別感謝 BrowserStack 提供跨瀏覽器測試支援。
麻省理工學院
