Как работать с JSX в React с использованием response-slick-slider? - PullRequest
1 голос
/ 28 февраля 2020

У меня есть метод для рендеринга иконок:

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>)
...