我沒有為 React 安裝 ion 圖示，而是將其匯入到我的 index.html 中，到目前為止，它一直在使用來自 ion 圖示的圖示，但我知道你可以通過向 ion-icon 提供 src 屬性來自定義 svg像這樣的舞臺
<ion-icon scr={'./Resources/Sat 2.svg'}></ion-icon>
所以將SVG匯入react應該是這樣的
import img from "./Resources/Sat 2.svg";
因此代碼應該看起來像
<ion-icon scr={img}></ion-icon>
但是，這里沒有渲染 SVG 是我的整個代碼庫
import React from "react";
import { Col, Row } from "react-bootstrap";
import classes from "./SatelliteCard.module.css";
import img from "./Resources/Sat 2.svg";
export const SatelliteCard = ({name, id}) => {
return (
<Col md={3}>
<Row className={classes.card}>
<Col lg={2}>
<ion-icon scr={img}></ion-icon>
</Col>
<Col lg={7}>
<h3>{name}</h3>
<p>Satellite Id: {id}</p>
</Col>
<Col className={classes.trash} lg={3}>
<ion-icon name="trash-outline"></ion-icon>
</Col>
</Row>
</Col>
);
};
請幫忙 非常感謝
uj5u.com熱心網友回復：
您的屬性拼寫錯誤，而不是 scr，它應該是 src。
<ion-icon src={img}></ion-icon>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459442.html