Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 无流星反应_Reactjs_Meteor - Fatal编程技术网

Reactjs 无流星反应

Reactjs 无流星反应,reactjs,meteor,Reactjs,Meteor,首先,我喜欢Meteor,但现在我正在学习React,我想知道是否有可能像Meteor那样提取数据,只有使用React。关键是我有点极简主义,希望尽可能少使用库/框架 谢谢您不需要像Meteor这样的全堆栈平台来从web服务获取数据。您可以看看XMLHttpRequest(AJAX)。在普通JavaScript中实现时,它看起来很奇怪,但得到了广泛的支持 另一个选择(我强烈推荐)是使用。Fetch是浏览器发出HTTP请求的本机方式。你甚至可以从中得到承诺的力量。然而,并不是所有的浏览器都支持它,

首先,我喜欢Meteor,但现在我正在学习React,我想知道是否有可能像Meteor那样提取数据,只有使用React。关键是我有点极简主义,希望尽可能少使用库/框架


谢谢

您不需要像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调用数据,然后坚持流星,因为这是它应该做的。