我正處于反應的學習階段，我一直在嘗試通過 react.js 中的類將父樣式嵌套在子組件中的組件中。怎么做？
到目前為止我已經嘗試過：
function Card(props) {
const classes = 'card' props.className;
return (
<div className={classes}>
{props.children}
</div>
)
}
export default Card我在 CSS 檔案中的“卡片”類上應用了樣式。
父組件JS代碼：
import Card from './UI/Card';
function ExpenseItem(props){
return (
<Card className="expense-item">
<ExpenseDate date={props.date} />
<div className="expense-item__description">
<h2>{props.title}</h2>
<div className="expense-item__price">{`? ${props.amount}`}</div>
</div>
</Card>
)
}現在，父組件中的各種類都有相應的樣式。而且我想將這些類嵌套在子組件中，以使這些樣式起作用。
您可以在代碼中看到我嘗試嵌套類的方式，但它不起作用。
const classes = 'card' props.className;我究竟做錯了什么？我應該如何糾正它？
uj5u.com熱心網友回復：
您錯過了card類名后的空格，否則我在您的代碼中看不到任何其他問題。在下面嘗試，希望它有效
const classes = 'card ' props.className;
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/494307.html
標籤：javascript 反应 es6-模块 es6级 反应 CSS 模块
上一篇：Dog.prototype=Object.create(Animal.prototype)和Dog.prototype={...Animal.prototype}的結果有什么區別？