cimonlebedev
@cimonlebedev

Почему 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 тоже передаётся норм
  • Вопрос задан
  • 46 просмотров
Решения вопроса 1
cimonlebedev
@cimonlebedev Автор вопроса
нашёл проблемы она в том что у меня подключен __REDUX_DEVTOOLS_EXTENSION__
он сохранил старую state с пред запуска и из-за этого конфликтует.
Видимо в REDUX_DEVTOOLS как-то можно кеш чистить.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Покажите редюсер пожалуйста
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы