passando redux store em adereços vindo como indefinido?
Quando estou passando pela loja delet store = createStore(myReducer);
em adereços para outro componente, ele está indefinido. isso está acontecendo quando estou usandoreact-router-dom
mas sem isso está tudo certo. A parte da rota
a rota está emApp
componente
<BrowserRouter>
<div>
<Route path={"/layout"} component={Home} />
<Route path={"/form"} component={UserForm} />
<Route exact path={"/"} component={this.layout} />
</div>
</BrowserRouter
método de layout
layout(){
return (
<Layout store={this.props.store} />
);
}
Estou passando a loja no componente do aplicativo como este
const renderAll = () => {
console.log("inside render all" ,store);
ReactDOM.render(
<App store={store} />,
document.getElementById('root')
);
}
esta loja está indo para o componente do corpo do componente de layout como este
<Body ChangeName={this.handleChangeName} store = { this.store} s_key={this.state.inputkey} />
no componente do corpo que estou buscando de uma API que está sendo executada no servidor node.js no diretóriocomponentWillMount()
fetch('/api/get/all',{
headers : {
'content-Type': 'application/json',
}
}).then((res)=>{
console.log(res);
return res.json();
}).then(users =>{
this.store.dispatch({
type :"FETCH_ALL",
data : users
})
this.setState({
user: users
})
// console.log(this.state.user);
});
Estou recebendo erro nomap
função
{this.store.getState().user.map(u => {
return <UserDiv name={u.name} age={u.age} location={u.location} gender={u.gender} job={u.job} />;
})}
erro
Não é possível ler a propriedade 'map' de undefined
a parte estranha é que quando estou sem a rota está tudo bem desde já, obrigado