React-slick: appendArrows feature is not implemented yet

[laveesingh]

[laveesingh]

Not a clear impact after customArrows, so not going to be implemented.

[eballeste]

customArrows allows you to change the markup of the arrows but doesn't allow you to reposition it within the parent component...

[SuperOleg39]

Have same problem, is solved ease with ReactDOM.createPortal, example from my project:

interface IArrowProps extends CustomArrowProps {
    container: HTMLElement | null;
}

const NextArrow = ({container, ...props}: IArrowProps) => {
    const arrow = (
        <XArrowButton
            {...props}
            parentClass="gallery"
            modifier="collection"
            direction={ArrowButtonDirections.Right}
        />
    );

    return container ? ReactDOM.createPortal(arrow, container) : arrow;
};