Хичээлээр react компонентийн элементүүдийн хэвжүүлэлтэд хэрэг болох нэгэн аргачлалыг авч үзье. Тухайлбал элементийг inline -аар хэвжүүлэлтийн үед ашиглах техник юм. Иймээс Car компонентийн хэвжүүлэлтийн Car.css файлаас
.Car {
margin-bottom: 10px;
display: block;
padding: 10px;
border-radius: 5px;
}border, box-shadow хэвүүдийг хасан тэдгээрийг Car компонентод inline -аар хэвжүүлэлтээр
const style = {
border: '1px solid #ccc',
boxShadow: '0 4px 5px 0 rgba(0, 0, 0, .14)'
}
return (
<div className="Car" style={style}>
<h3>Машиний нэр: {props.name}</h3>
<p>Он: <strong>{props.year}</strong></p>
<input
type="text"
onChange={props.onChangeName}
value={props.name}
className={inputClasses.join(' ')}
/>
<button onClick={props.onDelete}>Устгах</button>
</div>
)style хувьсагчид тодорхойлоод Car компонентийг багцалж буй div -ийн style атрибутад дамжуулах болгон өөрчилье.
Материалыг бүртгэлтэй хэрэглэгч үзнэ.
how_to_regБүртгүүлэх
илэрхийллийн хялбарчил.