Я делал это для того, чтобы каждый раз, когда я давал какой-либо маршрут, он идет только к «/».
я прохожу из магазинаlet store = createStore(myReducer);
в подпорках к другому компоненту это происходит неопределенным. это происходит, когда я используюreact-router-dom
но без этого все идет хорошо. Часть маршрута
маршрут вApp
составная часть
<BrowserRouter>
<div>
<Route path={"/layout"} component={Home} />
<Route path={"/form"} component={UserForm} />
<Route exact path={"/"} component={this.layout} />
</div>
</BrowserRouter
метод размещения
layout(){
return (
<Layout store={this.props.store} />
);
}
Я передаю магазин в компоненте приложения, как это
const renderAll = () => {
console.log("inside render all" ,store);
ReactDOM.render(
<App store={store} />,
document.getElementById('root')
);
}
этот магазин собирается к компоненту тела из компонента макета, как это
<Body ChangeName={this.handleChangeName} store = { this.store} s_key={this.state.inputkey} />
в компоненте тела я извлекаю из API, который работает на сервере node.js вcomponentWillMount()
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);
});
Я получаю ошибку вmap
функция
{this.store.getState().user.map(u => {
return <UserDiv name={u.name} age={u.age} location={u.location} gender={u.gender} job={u.job} />;
})}
ошибка
Не удается прочитать свойство 'карта' из неопределенного
странная часть, когда я обхожусь без маршрута, все идет хорошо, спасибо заранее