Почему не проходит новый синтаксис?

Question

[Александр Иванов]

const initState = ['test','more'];

// работает
export default function values(state = initState, action){
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};

// не работает
export default values = (state = initState, action) => {
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};


// тоже работает однако мне не нравится экспорт вниз переносить
// видимо без этого в данном случае никак или ?
const values = (state = initState, action) => {
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};

export default values;

Переписал функцию на новый синтаксис IDE ни на что не ругается на выходе ошибка.

Правильно я понимаю что в некоторых случаях нужно использовать стандарт т.к. новый синтаксис не проходит, или здесь немного глубже?

Answer 1

[Антон Спирин]

export default (state = initState, action) => {
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};

либо:

const values = (state = initState, action) => {
    if(action.type === 'ADD_VAL'){
        return [
            ...state,
            action.date
        ];
    }
    return state;
};

export default values;

Второй вариант предпочтительнее, так как именованные функции легче отлаживать.

Comments

[Александр Иванов]

Спасибо

Answer 2

[Егор Живагин]

В браузере выполняете? Юзайте Babel