どのような反応JSの小道具ですか?
940 ワード
小道具は基本的に引数が反応コンポーネントで渡され、プロップの助けを借りて、ハードコーディングの代わりにデータを渡すことができますし、画面上にレンダリングされます.
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>
)
}
これは画像や格付けなどのプロパティ名を持つプロップの例です.Reference
この問題について(どのような反応JSの小道具ですか?), 我々は、より多くの情報をここで見つけました https://dev.to/shrey802/what-are-props-in-react-js--887テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol