Как вызвать функцию в Redux?

Question

[fronter-up]

Добрый день! Подскажите пожалуйста, где в Redux должны находиться подобные функции (в компоненте, редюсере ...)? Или как их перепесать для redux?

getClusters = () => {
        const clusters = supercluster(markersData, {
            minZoom: 0,
            maxZoom: 16,
            radius: 120
        });
        return clusters(this.state.mapOptions);
    };

    createClusters = (props) => {
        this.setState({
            clusters: this.state.mapOptions.bounds
                ? this.getClusters().map(({wx, wy, img, numPoints, points}) => ({
                    lat: wy,
                    lng: wx,
                    numPoints,
                    id: `${numPoints}_${points[0].id}`,
                    img_path: img,
                    points
                }))
                : [],
        });
    };

Данные функции задают кластеры на гугл картах.
В компоненте карты должен быть свой стейт или данные он должен принимать исключительно из props?
Заранее спасибо!

Answer 1

[Олег Гамега]

все зависит от вашей задачи
для веба я комбинирую стэйт компонента и редакс
для мобильного почти все в редакс

не работал с гугл картами в вебе но обычно же в клстер маркеры собираются сами (нативный android так и mapbox js тоже )
я бы держал маркеры в редаксе а на карте пусть сами решают как им отображаться

Answer 2

[Alexander]

В экшенах. redux.js.org/docs/basics/Actions.html

Comments

[fronter-up]

Почему именно в экшенах? Мне передавать эти функции как payload?