{users} равносильно {users: users}, это короткая запись.[...users] это копирование элементов массива в другой массив.
return {...state, users} это говорит - создай мне объект, скопируй туда все из state и добавь новое поле users и замени старое, если было. Это равносильно:return {...state, users: users}return Object.assign({}, state, {users: users});
function userReducer(state = initialState, action) {
const users = [...state.users];
if (action.type === "DEC_AGE") {
users[0].age += 1;
return {
...state,
users
};
}
return state;
}const mapStateToProps = store => {
return {
users: store.users.users
};
};const users = this.props.users.map((item, index) => {
return (
<div key={index}>
{item.name} - {item.age}
</div>
);
});
HTML + CSS === Frontend, что еще придумаешь? Или есть аргументы против?