react-bootstrap-typeahead 中的 angledown 图标

Question

在 formik 中使用 typeahead 和 很难为 react-bootstrap-typeahead 添加 fa-angle-up 和 fa-angle-down 图标，如下图

相反，我有如下问题（它应该看起来像上图）

代码：https://codesandbox.io/s/formik-example-forked-8m6o6

Answer 1

你能检查下面的代码吗link？希望它对你有用。我们添加了一个元素 custom-dropdown 并将 FontAwesomeIcon 和 Typeahead 元素放入其中。

在.custom-dropdown中我们设置position: relative;和

在.fa-angle-down中我们设置了position: absolute;并根据您的要求设置了它的位置。

请参考这个link：https://codesandbox.io/s/formik-example-forked-uupel