格式化反應選擇下拉選項

有沒有格式化React輸入下拉選項的方法？格式化反應選擇下拉選項

例如，我希望有一個自動完成下拉菜單，以列格式顯示選項。幾乎就像下拉式數據網格一樣，用戶可以以統一的方式看到「名稱」，「地址」等。

來源

2016-09-28 Geno Diaz

-1

React會根據您選擇的類或樣式將任何想要的東西渲染到DOM中。解決設計問題不會有什麼不同，如果你只是用html和css來做。

等式的React部分將處理交互作用，並確保正確的類/樣式落在正確的組件上。您也可以隨時選擇使用內置的第三方庫，如http://jedwatson.github.io/react-select/

來源

2016-09-28 18:22:13 finalfreq

我目前正在使用react-select。然而，我不知道如何將行格式化爲允許爲Name，Date等設置一定數量的空間。 –

with react-select您可以傳入兩個道具：'optionClassName'和'className'。您可以將任何字符串傳遞給'optionClassName'，並且將它添加爲每個選項行的類，並且'className'會執行相同的操作，除了將該類添加到容器中。所以爲了控制，你可以做一些像'className ='my-custom-select'和'optionClassName = my-custom-select-option'。那麼只需使用css來調整填充和邊距 – finalfreq

@finalfreq這不是他想要實現的。 –

格式化反應選擇下拉選項

回答

相關問題