這是我在 StackOverflow 上的第一個問題；很基礎
我正在學習“從零到精通”的react課程，我不明白為什么我不能在影像源中使用${}或{}，我的意思是props.monster.id
import "./card.styles.css";
export const Card = (props) => (
<div className="card-container">
<img src={"https://robohash.org/${props.monster.id}?set=set2"} />
<h1> {props.monster.name} </h1>
</div>
);
這是它的兄弟（對不起我的問題形式）
import { Card } from "../card/card.component";
import "./card-list.styles.css";
export const CardList = (props) => {
return (
<div className="card-list">
{props.monsters.map((monster) => (
<Card key={monster.id} monster={monster} />
))}
</div>
);
};
uj5u.com熱心網友回復：
您必須使用反引號而不是引號來連接字串和變數：
export const Card = (props) => (
<div className="card-container">
<img src={`https://robohash.org/${props.monster.id}?set=set2`} />
<h1>{props.monster.name}</h1>
</div>
);
uj5u.com熱心網友回復：
<img src={`https://robohash.org/${props.monster.id}?set=set2`} />
""像我在示例中所做的那樣用反引號替換
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/429805.html
標籤：javascript css 反应