Matumizi ya Props katika Uwasilishaji Masharti na Styled Components katika React
Props zinaweza pia kutumika kwa
uwasilishaji masharti. Tuchukue kipengele cha React
Block, ambacho tulifanya kazi nacho katika
somo lilopita.
Tufanye ili msingi wa kiingizio chetu cha kwanza
uwe wa manjano, na kwa viingizio vingine
uwe kijani. Kwa hili, katika mitindo ya kipengele
Input tuongeze mstari mwingine na itakuwa:
const Input = styled.input`
background: ${(props) => (props.first ? 'yellow' : 'green')};
margin: 5px;
font-size: 18px;
`;
Tuongeze prop first
kwa kiingizio cha kwanza:
<Container>
<Input first />
<Input placeholder="name" type="text" />
<Input type="password" />
</Container>
Kwa kutumia uwasilishaji masharti, uliotolewa
katika nadharia ya somo, badilisha msimbo wa ufumbuzi
wa somo lilopita ili kiwakilishi cha kifungo kiwe
chekundu na msingi wake uwe wa manjano ikiwa kuna
prop warn, na pasipo
prop hiyo - msingi uwe kijani na maandiko meupe.
Tumpe warn kifungo cha pili.
