Reactjs 通过API调用初始化存储
我想用数据库中存储的数据初始化Reactjs 通过API调用初始化存储,reactjs,reactjs-flux,Reactjs,Reactjs Flux,我想用数据库中存储的数据初始化存储。然后我想从我的组件调用此存储来设置状态 class BucketlistStore extends EventEmitter { constructor(props){ super(props); request.get(url) .set('Accept', 'application/json') .end(function(err, response) {
存储
。然后我想从我的组件
调用此存储来设置状态
class BucketlistStore extends EventEmitter {
constructor(props){
super(props);
request.get(url)
.set('Accept', 'application/json')
.end(function(err, response) {
if (err) return console.error(err);
this.bucket_list = response.body;
});
}
getAll(){
return this.bucket_list;
}
}
然后在我的组件中:我想做如下事情:
class BucketApp extends React.Component {
constructor(props) {
super(props);
this.state = {
bucket_list: BucketlistStore.getAll()
};
}
//...render stuff
但是,我得到了这个错误
无法在此行设置未定义的属性'bucket\u list':this.bucket\u list=response.body代码>。关于如何解决这个问题,您有什么想法吗?为了更好地理解这个问题,您能解释一下为什么决定EventEmitter
?redux不是更适合吗?@yuantonito事实上,我对reactjs非常陌生,在阅读文档之后,我遇到了Flux和redux架构。我只是选择使用Flux,因为它现在看起来不那么复杂。为了更好地理解这个问题,你能解释一下为什么决定使用EventEmitter
?redux不是更适合吗?@yuantonito事实上,我对reactjs非常陌生,在阅读文档之后,我遇到了Flux和redux架构。我只是选择使用Flux,因为它现在看起来不那么复杂。