Props-larin Styled Components-da Sherti Renderde Istifadesi
Props-lar sherti render ucun de istifade edile biler. Gelin evvelki dersde
ishlediyimiz React komponenti Block-ni goturek.
Gelin birinci input ucun fonu sari, diger inputlar ucun ise yashil edek. Bunun
ucun Input komponentinin stilinde bir setir elave edek ve bele aliriq:
const Input = styled.input`
background: ${(props) => (props.first ? 'yellow' : 'green')};
margin: 5px;
font-size: 18px;
`;
Birinci inputa first props-unu elave edek:
<Container>
<Input first />
<Input placeholder="name" type="text" />
<Input type="password" />
</Container>
Dersin nazariyyəsində verilen sherti renderdan istifade ederek, evvelki dersin
vezifesinin hell kodunu elə deyishin ki, warn props-u olduqda duymənin
metni qirmizi ve onun fonu sari olsun, onsuz isə - yashil fon ve ağ metn.
warn-ni ikinci duymeye oturun.
