選擇一個值後阻止選擇關閉

-2

我已經使用react-select組件在Javascript React中創建了自定義下拉菜單。通過使用optionComponent道具，我可以使用複選框呈現每個選項（請參閱圖像）。現在我的問題是，一旦你點擊任何複選框，選擇選項關閉，這不是一個很好的用戶體驗。選擇一個值後阻止選擇關閉

圖片：

所以我的問題是，如果有防止關閉，直到用戶下拉的任何方式點擊在選擇的右側的箭頭，使它在關閉選項之前可以勾選和取消任意數量的複選框。

2017-09-01 katfyn

https://stackoverflow.com/help/how-to-ask –

event.preventDefault（）可用於防止關閉選擇。點擊箭頭可以編寫關閉代碼。 –

歡迎來到開發人員在哪裏學習，分享和建立職業機會！請[edit]在此添加有意義的代碼和問題描述。發佈證明你的問題的[mcve]會幫助你得到更好的答案。謝謝！ – Purgatory

您可以從複選框元素點擊事件stopPropagation。

假設這是你的複選框，單擊處理：

onClickHandler = (e) => { 
    e.stopPropagation(); 
    //do some other logic 
}

這種方式，被點擊複選框時，不會觸發的下拉選擇處理程序。

2017-09-01 10:43:45

回答