Alter, как много вариантов в поле выбора отображается в React

Question

У меня есть поле выбора с кучей опций:

<select> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
    <option>4</option> 
    <option>5</option> 
    <option>6</option> 
    <option>7</option> 
    <option>8</option> 
    <option>9</option> 
    <option>10</option> 
</select> 

Я использую React, и из-за недостатком высоты, доступного на моей странице, Я хочу ограничить свое поле выбора таким образом, чтобы, когда пользователь нажимает на него, отображается не все 10 параметров, только 5.

Я просмотрел и опробовал this answer и использовал версии с верблюдами указанных атрибутов (onBlur, onFocus) и т. Д. , но это неэффективно в React, возвращая ошибки консоли.

Answer 1

Вы можете использовать OnFocus и ONBLUR события, чтобы установить размер цели.

<select onFocus={(e) => e.target.size = 5} onBlur={(e) => e.target.size = 1} 

jsfiddle example