在ReactJS中选择选择器或选择下拉实现

时间:2018-09-25 04:37:57

标签: javascript html css reactjs twitter-bootstrap

我期待在react.js中实现选择选择器,而不使用除引导程序之外的任何第三方库。

我也必须设置选项或下拉菜单的样式,当我尝试在html的select中设置样式时,这是不可能的,因为它取决于所使用的操作系统,并且无法修改。

2 个答案:

答案 0 :(得分:0)

这实际上与React无关。可以通过以下方法实现:

<select>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>

在react中,您只需在render()中返回以上内容即可。

您将不得不找到一个库以避免操作系统特定的渲染。

在此处阅读如何设置样式:https://www.w3schools.com/howto/howto_custom_select.asp

答案 1 :(得分:0)

感谢您的回答。

我发现了一个非常灵活的库来使用选择器,这对其他人也可能有用。

链接:https://react-select.com