reactjs中的自定義自動完成控件

Question

我想在reactjs中創建如下圖所示的自動完成控件。基本上它是自動完成控制，兩部分是靜態的，另一部分是動態的。動態部分從ajax調用中加載數據。我想知道是否有任何可用的自動完成控件提供此功能。如果沒有，那麼我必須創建我自己的自定義控件。所以我想知道任何可用於實現此控件的良好示例或可重用代碼。

Answer 1

我想推薦這種依賴性：react-select。 我已經在一些項目中使用過它，它爲您提供了添加自定義組件的可能性，從而使您可以輕鬆地定製樣式並輕鬆定製React代碼。

如果你看一下這個example，你可以得到一個關於如何將自定義組件應用到react-select的基本概述。

您將需要創建您的自定義組件，它看起來像您的圖像，但反應選擇將爲您照顧其他事物併爲您提供輕鬆的自定義。