У меня есть метод для рендеринга иконок:
public foo = (baz: any) => {
const activeBox = this.props.activeBox;
const disabled = this.props.disabled;
switch (baz) {
caseArrowsTool.name:
return <HyatToolComponent key={baz} color={color}/>;
case ZoomTool.name:
return <Aloip key={baz} color={color}/>;
case GridTool.name:
return <Utiro key={baz} color={color}/>;
case CropTool.name:
return <Hello key={baz} color={color}/>;
default:
return null;
}
};
Я хочу, чтобы эти иконки отображались в скользящем слайдере реакции. Как я могу обернуть эту функцию в слайдер, как это?
return (
<Slider>
{ switch (name) {
caseArrowsTool.name:
return <ArrowsToolComponent key={name} color={color}/>;
case ZoomTool.name:
return <ZoomTool key={name} color={color}/>;
case GridTool.name:
return <GridToolComponent key={name} color={color}/>;
case CropTool.name:
return <CropToolComponent disabled={disabled} key={name} color={color}/>;
default:
return null;
} }</Slider>)