Задать вопрос

Почему map ругается на redux в react?

render(){
// так не работает
        console.log(this.props.testT);
        const numbers = this.props.testT;
        const listItems = numbers.map((number, index) =>
            <li key={index}>{number}</li>
        );
//так работает
        const vals= ["Param","New"]; 
        const listItems = vals.map((vals, index) =>
            <li key={index}>{number}</li>
        );
        console.log(vals);
        return(
            <div>
                <ul>
                    {listItems}
                </ul>
            </div>
        )}

... 

export default connect(
    state => ({
        testT: state
    }),
    dispatch => ({})
)(App);


значения vals и this.props.testT абсолютно идентичны в консол лог
а на выходе получаю:
Uncaught TypeError: numbers.map is not a function

иду по материалам https://www.youtube.com/watch?v=76UKD-4pVis&index=...

В чём может быть корень проблемы?

______
редюсер
const initialState = [
    "Param",
    "New"
];
function test(state = initialState, action) {
    // console.log(action)
    if(action.type === 'ADD_TEST'){
        return [
            ...state,
            action.name
        ]
    }
    return state;
}

const store = createStore(
    test,
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
);


Из state тоже передаётся норм
  • Вопрос задан
  • 157 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Мидл фронтенд-разработчик
    5 месяцев
    Далее
  • Javascript.ru
    Курс по React
    5 недель
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
cimonlebedev
@cimonlebedev Автор вопроса
нашёл проблемы она в том что у меня подключен __REDUX_DEVTOOLS_EXTENSION__
он сохранил старую state с пред запуска и из-за этого конфликтует.
Видимо в REDUX_DEVTOOLS как-то можно кеш чистить.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
RomReed
@RomReed
JavaScript, Flutter, ReactNative, Redux, Firebase
Покажите редюсер пожалуйста
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽
ITK academy Казань
от 50 000 до 90 000 ₽