どのような反応JSの小道具ですか?


小道具は基本的に引数が反応コンポーネントで渡され、プロップの助けを借りて、ハードコーディングの代わりにデータを渡すことができますし、画面上にレンダリングされます.
export default function Card(props) {
    return (
        <div className="card">
            <img src={`../images/${props.img}`} className="card--image" />
            <div className="card--stats">
                <img src="../images/star.png" className="card--star" />
                <span>{props.rating}</span>
                <span className="gray">({props.reviewCount}) • </span>
                <span className="gray">{props.country}</span>
            </div>
            <p>{props.title}</p>
            <p><span className="bold">From ${props.price}</span> / person</p>
        </div>
    )
}
これは画像や格付けなどのプロパティ名を持つプロップの例です.