Reactjs 无流星反应
首先,我喜欢Meteor,但现在我正在学习React,我想知道是否有可能像Meteor那样提取数据,只有使用React。关键是我有点极简主义,希望尽可能少使用库/框架Reactjs 无流星反应,reactjs,meteor,Reactjs,Meteor,首先,我喜欢Meteor,但现在我正在学习React,我想知道是否有可能像Meteor那样提取数据,只有使用React。关键是我有点极简主义,希望尽可能少使用库/框架 谢谢您不需要像Meteor这样的全堆栈平台来从web服务获取数据。您可以看看XMLHttpRequest(AJAX)。在普通JavaScript中实现时,它看起来很奇怪,但得到了广泛的支持 另一个选择(我强烈推荐)是使用。Fetch是浏览器发出HTTP请求的本机方式。你甚至可以从中得到承诺的力量。然而,并不是所有的浏览器都支持它,
谢谢您不需要像Meteor这样的全堆栈平台来从web服务获取数据。您可以看看XMLHttpRequest(AJAX)。在普通JavaScript中实现时,它看起来很奇怪,但得到了广泛的支持 另一个选择(我强烈推荐)是使用。Fetch是浏览器发出HTTP请求的本机方式。你甚至可以从中得到承诺的力量。然而,并不是所有的浏览器都支持它,尤其是旧的浏览器
也许您可以使用一些PolyFill(如whatwg fetch)来支持较旧的浏览器。您不需要像Meteor这样的完整堆栈平台来从web服务获取数据。您可以看看XMLHttpRequest(AJAX)。在普通JavaScript中实现时,它看起来很奇怪,但得到了广泛的支持 另一个选择(我强烈推荐)是使用。Fetch是浏览器发出HTTP请求的本机方式。你甚至可以从中得到承诺的力量。然而,并不是所有的浏览器都支持它,尤其是旧的浏览器
也许您可以使用一些PolyFill,比如whatwg fetch来支持较旧的浏览器。最简单的方法是使用。您还可以研究其他更通用的选项,如。下面是一个结合了React和fetch的基本示例:
类示例扩展了React.Component{
构造函数(){
超级();
this.state={user:{}};
}
componentDidMount(){
var self=这个;
取('http://reqres.in/api/users/2')
.然后(功能(响应){
返回response.json()
}).然后(功能(主体){
console.log(body.data);
自我状态({
用户:body.data
});
});
}
render(){
返回(
{this.state.user.first_name}{this.state.user.last_name}
);
}
}
ReactDOM.render(,document.getElementById('View'))代码>
最简单的方法是使用。您还可以研究其他更通用的选项,如。下面是一个结合了React和fetch的基本示例:
类示例扩展了React.Component{
构造函数(){
超级();
this.state={user:{}};
}
componentDidMount(){
var self=这个;
取('http://reqres.in/api/users/2')
.然后(功能(响应){
返回response.json()
}).然后(功能(主体){
console.log(body.data);
自我状态({
用户:body.data
});
});
}
render(){
返回(
{this.state.user.first_name}{this.state.user.last_name}
);
}
}
ReactDOM.render(,document.getElementById('View'))代码>
我不明白如何使用fetch,我可以去mongodb实时发送数据请求?请提供更多详细信息。是否要从node.js中的数据库中提取数据?还是在客户身上?如果你想在客户端获取数据,你需要一个RESTful API。对不起,我只是想像Meteor一样从mongodb获取数据,并实时提供给客户端好吧,这是一个更复杂的任务。尝试使用访问服务器上的数据库(mongodb),然后通过将该数据提供给客户端。然后您可以使用我的示例中的代码访问React中的数据。StackOverflow不是一个提供免费编码服务的地方,所以请尝试一些东西,然后带着特定的问题回来。非常感谢。我不明白如何使用fetch,我可以去mongodb并实时提交数据请求?请提供更多详细信息。是否要从node.js中的数据库中提取数据?还是在客户身上?如果你想在客户端获取数据,你需要一个RESTful API。对不起,我只是想像Meteor一样从mongodb获取数据,并实时提供给客户端好吧,这是一个更复杂的任务。尝试使用访问服务器上的数据库(mongodb),然后通过将该数据提供给客户端。然后您可以使用我的示例中的代码访问React中的数据。StackOverflow不是一个提供免费编码服务的地方,所以请尝试一些东西,然后带着特定的问题回来。非常感谢。我不明白如何使用fetch,我可以去mongodb并实时发送数据请求?您首先需要在HTTP资源中提供mongodb数据,可能需要使用NodeJ,您可以从中使用客户端获取数据。否则,如果您想直接从mongodb调用数据,请使用Meteor,因为这就是它应该做的。我不明白如何使用fetch,我可以去mongodb并实时提交数据请求?您首先需要在HTTP资源中提供mongodb数据,可能需要使用NodeJ,您可以从中获取客户端数据。否则,如果您想直接从mongodb调用数据,然后坚持流星,因为这是它应该做的。