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 тоже передаётся норм