react-select:如何仅显示几个选项,而不显示所有选项

时间:2020-07-31 19:58:06

标签: javascript reactjs react-select

我使用的是react-select,默认情况下它将呈现所有选项,并且在开始键入时会呈现所有匹配的选项。
我希望它每次渲染不超过3个选项。
因此,如果总共有10个选项,则单击“选择”按钮后,我只会看到前三个选项,而当我开始键入内容时,我希望看到的不超过前三个选项。
这是我渲染选择的方式:

 <Select
         closeMenuOnSelect={true}
         placeholder="To"
         isLoading={isUsersEmailsLoading}
         onChange={selectedOption =>
         selectedOption === null ? setToSend([]) : setToSend(selectedOption)
         }
         components={animatedComponents}
         value={toSend}
         isMulti
         options={usersEmails.toJS().map(user => ({ value: user.email, label: user.email }))}
/>

谢谢。

0 个答案:

没有答案