如何更改 reactstrap 下拉图标？

Posted 2023-03-23

【中文标题】如何更改 reactstrap 下拉图标？

【英文标题】：How to change reactstrap dropdown icon?

【发布时间】：2020-06-08 17:47:35

【问题描述】：

如何将 reactstrap 默认下拉图标改成我自己的图片图标？

import React,  useState  from 'react';
import  Dropdown, DropdownToggle, DropdownMenu, DropdownItem  from 'reactstrap';

const Example = (props) => 
  const [dropdownOpen, setDropdownOpen] = useState(false);

  const toggle = () => setDropdownOpen(prevState => !prevState);

  return (
    <Dropdown isOpen=dropdownOpen toggle=toggle>
      <DropdownToggle caret>
        Dropdown
        </DropdownToggle>
      <DropdownMenu>
        <DropdownItem>Foo Action</DropdownItem>
        <DropdownItem>Bar Action</DropdownItem>
        <DropdownItem>Quo Action</DropdownItem>
      </DropdownMenu>
    </Dropdown>
  );


export default Example;

如果可能，请教我如何使用它。 提前致谢

【参考方案1】：

您可以为此使用Font Awesome。

这里是项目链接：https://stackblitz.com/edit/create-react-class-i3dukw?file=index.js