如何在React Ionic中插入自定义组件



请原谅我的无知,我是React的新手,但既然React没有指令,比如Angular,我怎么能在Ionic React中使用槽呢?我的意思是,假设我想添加一些FontAwesome图标,但由于它们没有插槽属性,我如何将它们插入IonButton"开始"插槽?

我应该创建一个用于开槽的自定义组件吗?如果是这样的话,在Ionic中这怎么可能呢?

您可以将<IonIcon>组件与自定义SVG一起使用。作为Ionic组件,<IonIcon>支持与<IonButton>一样的插槽。

根据IonIcon:上的文档

若要使用自定义SVG,请在src属性中提供其url以请求外部SVG文件。src属性的工作原理与url必须可以从对图像进行请求。此外,外部文件可以只能是一个有效的svg,不允许在svg元素。

Font Awesome有一个SVG变体,您可以将其与<IonIcon>一起用作如上所述的自定义SVG。

最新更新