我使用的是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 }))}
/>
谢谢。