semanti-ui-react Dropdown - 如何在开放时停止更改占位符?

时间:2017-01-07 22:59:18

标签: reactjs semantic-ui semantic-ui-react

试图让基本的语义 - 反应下拉列表正常工作,我似乎无法弄清楚如何阻止placeholder承担价值下拉列表打开时的第一个option。它甚至可能吗?

这里有一个例子的笔:http://codepen.io/pzurek/pen/mRJMov

1 个答案:

答案 0 :(得分:1)

SUIR的作者在这里。 Dropdown以核心SUI Dropdown为模型。项目有两种状态,已选择且处于活动状态。所选项目突出显示,可以使用键盘导航进行更改,而活动项目是所选值。下拉列表会更改占位符以向用户显示当前选中(突出显示)的项目,以便清晰显示下拉列表将使所选项目处于活动状态(所选值)。

比较的SUI核心示例:http://semantic-ui.com/modules/dropdown

P.S。 我看到SUIR中的差异,我们的组件更改占位符而不是SUIR核心中的实际文本。您还可以在此处详细了解此问题和设计注意事项:

https://github.com/Semantic-Org/Semantic-UI-React/issues/1299