У меня есть компонент, в который я передаю два компонента с иконкой, label
и input
, затем, когда я буду вызывать компонент InputComp
в другом месте, я хочу видеть input
с двумя разными иконками.
Как это сделать правильно?
export default function InputComp() {
return (
<div>
<Label htmlFor="Password">
<Icon glyph={glyph} viewBox={viewBox}/>
<Input name="Password" placeholder="Your Password" type="password" />
<Icon glyph={glyph} viewBox={viewBox} />
</Label>
</div>
);
}
InputComp
иконки, не ?