Как правильно работать с данными полученными асинхронно в React-redux?

Question

[mr jeery]

Есть сервер с .json массивом товаров.
Я использую thunkMiddleware и сохраняю массив в redux store.
Мне нужно найти самый дорогой и самый дешевый товар, чтобы элементу слайдер передать начальные значения и макс. мин. значения. Но не работает.

Как правильно работать с api в react-redux?
Здесь более подробно описано с кодом и картинкой.
Я уже писал сюда, обещали помочь в скайпе, но не помогли(
А проблема по прежнему мучает меня.
Я использую не правильный подход ? В тупик попал, помогите

Answer 1

[Niki_tos]

Посчитайте ваши мин/макс значения в функции mapStateToProps

import React, { Component } from 'react';
import { connect } from "react-redux";


class componentName extends Component {

    render() {
        const {minValue, maxValue} = this.props

        return (
            <div>
            </div>
        );
    }
}

const mapStateToProps = (state, ownProps) => {
    // здесь у вас есть доступ к redux store с вашим массивом данных
    console.log('redux store ', state)
    console.log('own component props ', ownProps)

    const minVal = ваша функция
    const maxVal = ваша функция

    return {
      minValue: minVal,
      minValue: maxVal,
    };
  };

export default connect(mapStateToProps)(componentName);