React Draft Wysiwyg - 使用自定义工具栏图标而不是标准的内联工具栏图像

React Draft Wysiwyg - Using custom toolbar icons instead of standard inline toolbar images

有没有办法用 React Icons 中的自定义图标替换内联工具栏图像?

代码(工具栏选项):

import { AiOutlineUnorderedList } from 'react-icons/ai'

export const toolbarOptions = {
  options: ['list', 'link'],
  list: {
    options: ['unordered', 'ordered'],
    unordered: {
      icon: <AiOutlineUnorderedList />, //does not work
      className: undefined,
    },
  },
  link: {
    options: ['link'],
  },
}

我也尝试过使用 <img src="./path-to-svg"/> 但是效果不佳...

有什么想法吗?

TIA

您只需提供 src 或文件路径

无序:{ icon: "../path-to.svg", className: undefined },