将响应从服务器调用传递到调用它的组件的最佳实践是什么？
将响应从服务器调用传递到调用它的组件的最佳实践是使用异步通信和回调函数。
异步通信是一种非阻塞的通信方式，可以在发送请求后继续执行其他操作，而无需等待服务器响应。这样可以提高系统的并发性和响应速度。
回调函数是一种常用的处理异步操作结果的方式。当服务器响应返回时，可以通过回调函数将结果传递给调用它的组件进行处理。回调函数可以在请求发出时定义，并在响应返回时被调用。
使用异步通信和回调函数的最佳实践包括以下几个方面：
- 使用适当的异步通信协议，如HTTP、WebSocket等，根据实际需求选择合适的协议。
- 在请求中包含必要的参数和数据，确保服务器能够正确处理请求并返回相应的结果。
- 在调用服务器接口时，定义合适的回调函数来处理响应结果。回调函数应该能够正确解析和处理服务器返回的数据。
- 对于大规模的系统，可以考虑使用消息队列等中间件来处理异步通信和回调函数，以提高系统的可伸缩性和可靠性。
- 在处理响应结果时，需要进行错误处理和异常处理，确保系统能够正确处理各种异常情况。
- 在设计系统架构时，可以考虑使用微服务架构或分布式架构，将不同的功能模块拆分成独立的服务，以提高系统的灵活性和可维护性。
腾讯云提供了一系列与云计算相关的产品，包括云服务器、云数据库、云存储等。您可以根据具体需求选择适合的产品来支持异步通信和回调函数的实现。具体产品介绍和链接地址可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
1回答
运行生产湿法
、、、
我正在构建一个新的Windows 2008 R2安装托管我的Joomla1.6网站。托管WAMP生产服务器的最佳实践是什么？我应该为分区做些什么？日志驱动器，操作系统驱动器和数据驱动器？什么是最理想和安全的设置？
浏览 0提问于2012-02-28得票数 0
回答已采纳
在react组件层次结构中，可以通过传递props将数据从根组件传递到组件树中的某个组件。但是，在层次结构中向上传递数据的最佳方式是什么呢？我可以考虑将方法从包装器传递给子对象。在深度嵌套的组件场景中，有没有更好的方法来处理数据流？
浏览 32提问于2020-02-01得票数 1
示例
假设您有一个屏幕，其中包含加载到this.state.items中的列表项。
现在，您有一个按钮，可以将您导航到一个新屏幕。
在此屏幕上，您希望在该列表中追加一项。
一旦您取消了该屏幕，您将返回到屏幕上的原始列表项目。
用新项目更新列表的最佳方法是什么？
应该由：来完成
将新屏幕传递给this.state对象。
通过在旧屏幕上调用更新函数？(函数可能作为道具传递到新屏幕。)
使用StackNavigator的支柱功能？
另一种方式？
我很感谢你的帮助。
浏览 1提问于2018-05-10得票数 0
回答已采纳
将应用程序范围的DSN值传递给组件的最佳实践是什么？是不是如下所示？
component datasource="#application.dsn#"
我一直认为在组件中使用应用程序范围的变量不是一个好的做法。这样会不会更好？
component{
function init( dsn, arg1, arg2 ){
this.datasource = arguments.dsn;
}
}
浏览 0提问于2014-04-29得票数 1
在我的componentWillMount函数中，我有一个从服务器获取数据的async函数getResults。我希望在初始加载时将响应从getResults传递给同一个组件，但是我注意到，在等待数据从getResults返回之前，组件呈现。如何让组件在呈现之前等待响应？我正在使用Redux来处理我的状态。
async componentWillMount() {
const response = await getResults(this.props.category)
}
浏览 1提问于2018-03-04得票数 4
回答已采纳
在编写javascript模块时，我很困惑，在哪里以及如何存储应用程序范围内可以使用的数据。
假设我有一个模块从服务器获取一些急需的数据。让我们说它是配置数据。
getData.js
function getData() {
return fetch('http://data.com/my-data')
.then(response => response.json())
}
export default getData; // Returns a promise
该应用程序是一个反应应用程序，需要呈现一些组件，但它将在一个未定义的点使用我们的数据。
a
浏览 2提问于2016-10-03得票数 1
回答已采纳
2回答
如果我需要从钩子中获取数据，那么使用的最佳方法是什么？
我有两个选择：
将从钩子接收到的数据作为参数传递给
特设：
export const withAuth = (
isAuth: boolean,
{
ComponentForAuthorized,
ComponentForUnauthorized,
}: {
ComponentForAuthorized: () => JSX.Element;
ComponentForUnauthorized: () => JSX.Element;
}
) => {
cons
浏览 4提问于2022-08-12得票数 -1
我在过去已经构建了一些更大的Redux应用程序(这太有趣了)，但是现在我用它来构建一个简单的、单一的页面类型的东西。我之所以选择Redux，是因为有一些状态/UI操作可以管理，我认为这些操作非常适合它。而且很棒。
就像现在一样，顶层的<App />组件是连接到存储/能够分派操作的唯一组件(通过mapStateToProps/mapDispatchToProps方法)，并且每个组件的后缀/区段组件本质上都是“哑组件”，它们只是不断地传递状态和动作分派函数的一部分。
我可以看到自己用另一种方式编写这篇文章，其中每个部分/组件/主要后裔分别连接到商店。我喜欢这个想法，因为会有更少的传递道
浏览 8提问于2016-06-15得票数 2
回答已采纳
根据许多像 one这样的帖子，在一个主体上请求GET并不是很常见。
另一方面，REST中的最佳实践之一是，只有当我们希望对资源进行更改时才使用POST，当我们只想检索资源时才使用POST。
因此，我的问题是，获得具有非常大的有效载荷的资源的首选方法是什么？我是否应该对HTTP最佳实践进行优先排序，并在身体中使用POST，即使我实际上并没有改变任何东西，也没有坚持RESTFUL实践，并在身体中使用GET？
浏览 2提问于2021-06-08得票数 2
回答已采纳
我有一个将数据添加到数据库的表单。我现在必须创建一个更新功能，所以我需要知道我是否可以使用我创建的相同表单将数据添加到数据库中，或者为更新功能创建另一个表单。最佳实践是什么？我应该将更新功能作为一个单独的组件来实现，还是不需要呢？
浏览 1提问于2017-04-29得票数 1
一些编码书籍提到，我们不应该在名称中添加类型前缀，因为当前的IDE能够使这些类型变得可见和清晰。我完全同意原始类型，但我仍然倾向于在GUI组件变量名前加上前缀。在处理GUI代码时，有关GUI组件变量命名的最佳实践是什么？
例如，我应该给我的
Button btnSubmit
TextField tfName
Checkbox cbActive
或
Button submit
TextField name
Checkbox active
浏览 5提问于2013-03-11得票数 0
我开始使用react.js，并对本教程有一个(希望的)简单问题：
我希望将"CommentForm“呈现在html中与"CommentList”不同的位置。
我尝试了以下几点：
React.renderComponent(
<CommentBox data={data} />,
document.getElementById('comentBox')
);
React.renderComponent(
<CommentForm onCommentSubmit={CommentBox.handleCommentSubmit}
浏览 6提问于2014-09-10得票数 2
回答已采纳
我正在使用CakePHP的Auth组件，我想知道让用户决定是否给他们自己的页面提供公共访问权限的最好方法是什么。/user/username/public。因此，我会在他们的个人资料页面中有一个复选框，并在数据库中为"Public“字段保存一个1或0。但是，允许Auth组件有条件地访问此页面的最佳方式是什么？
浏览 0提问于2012-01-23得票数 0
回答已采纳
2回答
角度服务最佳实践
、、
我在不同模块的不同组件中使用的函数很少。我已经找到了使用服务的解决方案，我可以在其中定义它们，并在以后将其注入组件中。然而，这是Angular 2+的最佳实践吗？如果是这样的话，服务必须在哪里？否则，在一个中心位置定义相同函数的最佳实践是什么？
谢谢
浏览 0提问于2018-12-14得票数 1
我的应用程序中有一个很大的表单。从该表单检索数据并将其发送到Angular 5中的API的最佳实践是什么？
浏览 3提问于2018-06-14得票数 0
1回答
概述：
我有一个NodeJS服务器，其中有几个C++模块，执行一个整体的“作业”。这些模块中的一些对象(C++对象，比方说“单例”)是常见的，初始化后它们的状态应该在每个模块之间共享。这些对象的初始化必须在服务器启动期间完成一次。
示例：
A，B-单独的C++模块，应该作为一项任务执行
x，y，z共享的C++对象(可能很多)
服务器接收(http)请求，并在A中使用x、y和z进行处理。
(http)响应从A传递到客户端。
服务器接收另一个(http)请求，并在B中处理它，还使用x、y和z。
(http)响应从B传递到客户端。
问题：
您能告诉我是否有一些已知的在所有C+
浏览 2提问于2014-08-05得票数 3
正如我所理解的，以下调用事件处理程序的方法是
+结构紧凑、易读
-，但会在每次呈现时创建一个新的myWrapperFunc函数。
但是，创建函数很便宜，对吗？那个负数是微不足道的，对吧？
我是否正确地认识到，这种传递带有参数的事件处理程序的方式不会导致在每次呈现时创建一个新的handler实例？
handler(event, val) {
...
}
<Component onClick={myWrapperFunc = (e) => handler(e, "myVal")}>
浏览 1提问于2018-09-24得票数 1
回答已采纳
我需要支持有嵌套组件的UI客户端。我想出了下面的对象模型-
public class SomeUserInterface {
String name;
List<Component> components;
}
public class Component {
List <Component> components;
}
在这里，SomeUserInterface将有多个组件，每个组件可能在其中包含嵌套组件。在提议的对象模型中有什么问题吗？或者，支持嵌套组件的最佳方法是什么？
注意: SomeUserInterf
浏览 2提问于2015-10-07得票数 1
2回答
我刚接触AngularJS，我想知道做这个简单的购物清单应用程序的最佳和最简单的实践是什么。
这是我的店铺：
我的select输入中有三个服务器。每个服务器都有自己的项目列表，显示在另一个组件中。
我正在考虑使用像localhost:4200/shop/{server1}这样的变量创建路由，它将根据url路径显示我的项目列表。选择选项将仅更改我的应用程序中的路径，以显示特定服务器的商店列表。
这是一个很好的实践，还是有更好更简单的解决方案来实现这个简单的商店应用程序？
浏览 14提问于2017-11-07得票数 0
我们有一个React / Redux应用程序，它通常通过“正常”的方式获取数据-视图调用dispatcher，dispatcher调用我们的服务器并分派具有结果的操作，然后通过reducer将其置于状态。
现在，我正在创建一个视图，它需要调用服务器来获取基于一些属性的自定义URL。它根本不是全局状态--因为只有这个视图才会使用它。
直接从视图调用服务器是不合适的，但是将这些数据放入全局状态也是不合适的。
在这种情况下，最佳实践是什么？
浏览 1提问于2016-12-08得票数 0
我有一个父组件，里面有几个子组件。我希望能够根据子项的状态来设置父项的状态。 例如，假设一个具有3个子组件的父组件，这些子组件都从服务器获取自己的状态。然后，他们设置父母的状态，以便父母可以看到是否所有的孩子都有问题，或者只有几个孩子有问题。 父级： const Parent = () => {
const [hasIssues, setHasIssues] = useState({
"child-item-1": false,
"child-item-2": false,
"child-item-3": fa
浏览 21提问于2019-12-23得票数 1
回答已采纳
我一直试图找到一种方法，将map函数中的HTML元素的id与map函数之外的对象的id进行比较。我正在寻找一些指导如何做到这一点和什么是最佳实践。当点击post 1时，应该只显示post 1。我已经把一个简单的例子放在一起，所以很容易看到我想要做的事情。
在filter方法中，如何对元素的id进行比较，单击与对象的post数组匹配的id。
import React, { Component } from 'react';
import { render } from 'react-dom';
class App extends Component {
con
浏览 6提问于2017-10-18得票数 2
回答已采纳
你好，我有一个组件，如下所示，我使用ushery钩子来初始化提要数组的myFeeds变量，并且运行一个效果来添加来自服务器(socket.io)的任何数据，但是当我在控制台记录结果时，myFeeds给了我一个空数组，可能的原因是什么？
const Dashboard = ({feeds}) => {
useEffect(() => {
getFeeds(); // this fetches feeds array
}, []);
const [myFeeds, setMyFeeds] = useState(feeds);
// useEffect hook to get re
浏览 0提问于2020-05-05得票数 0
回答已采纳
2回答
流星反应订阅
、、
使用包'react-meteor-data‘的替代方式是什么？我使用ES6编写react组件。在react组件中编写流星订阅的最佳方法是，如果服务器端有任何更改，它将重新呈现组件。
浏览 7提问于2017-09-07得票数 0
我是.NET核心和Blazor的新手，主要有WebForms和MVC经验。
我发现的所有Blazor文档和教程都使用一个单独的API项目，并通过HttpClient和Json序列化/反序列化访问数据。我明白了为什么这对于使用WebAssembly的客户端Blazor来说是必要的，但是对于使用SignalR的服务器端 Blazor来说，使用实体框架DbContext从组件的.razor文件直接访问数据库的最佳方法是什么？
例如，在MVC控制器中，您只需执行以下操作：
private ApplicationDbContext context = new ApplicationDbContext()
浏览 4提问于2020-01-18得票数 2
回答已采纳
我想在两个不同的条件下处理我的自定义按钮组件的点击。这是custom-button组件：
function CustomButton({status, onStop, onClick}) {
return (
// ...
<button onClick={status ? onStop : onClick}/>
// ...
)
}
这段代码只是一个简单的例子来解释我的问题。而且我不能根据status的值来分离我的组件。
我的问题是，这是一个反模式或错误的做法在一个组成部分？如果是的话，最好的做法是什么？
浏览 1提问于2020-05-04得票数 1
回答已采纳
我有一个视频组件类，它拥有一个handleRecord方法。在handleRecord方法中，有一个名为recorder的对象，它返回一个blob --对象方法调用stopRecording。
无论返回什么，我都希望在视频组件中设置值。但是this引用回调中的记录器对象，而不是组件本身。在回调中获取组件并使用recorder对象的最佳实践是什么？
handleRecord() {
...
} else {
this.state.recordVideo
recorder.stopRecording(function() {
浏览 3提问于2017-07-09得票数 0
回答已采纳
我正在使用带有express/node的mozilla客户端会话，并试图在我的标准*请求中弄清楚如何将我的session.user传递给react-router。我知道这可能是我错过的一些简单的东西，也许我会自己得到它，但我已经尝试过了，但我正在失去它，在混合中的某个地方。有什么想法吗？如果我能做到这一点，它将解除我的服务器渲染/通用的所有限制
app.get("*", (req: any, res) => {
var props = {
user: res.locals.user
};
var html = renderToStr
浏览 0提问于2016-10-28得票数 0
这里有一个简单的例子，我想创建一个带有确认按钮的通用Modal组件。单击按钮后，它将触发我们通过redux状态提供的onConfirm函数。而openModal动作可以在一个thunk动作中进行分派。
//Example using thunk after click submit a form
const handleSubmitForm = dispatch => e => {
dispatch(openModal({
title: "confirm modal",
onConfirm: () => { /* dispa
浏览 1提问于2020-10-25得票数 0
回答已采纳
1回答
也许这是一个愚蠢的问题，但如果我开发的库将使用akka特性，我应该在我的库中创建ActorSystem，还是用户会通过参数传递它？最佳实践是什么？
浏览 1提问于2013-03-27得票数 4
回答已采纳
1回答
无服务器计算的好处是显而易见的，但是当它需要连接到数据库(例如sql server)时，通常当存在太多请求时，它可能会造成瓶颈和连接池耗尽。
在使用数据库时，无服务器计算的最佳解决方案是什么？
浏览 1提问于2019-01-30得票数 0
1回答
在web组件中，类似于React，我们将数据向下发送，事件也会上升.
使用React，通常会将事件作为属性发送到子组件中。例如：
<CustomComponent handleClick={this.handleClick}></CustomComponent>
我已经了解到，使用LitElement web组件也可以做到这一点：
<custom-component .handleClick=${this.handleClick}></custom-component>
但是，我所读到的许多源都说，可以在组件中使用自定义事件，而无需提及属性回调：
浏览 4提问于2019-10-23得票数 2
回答已采纳
我通常在index.css中定义全局样式。定义全局风格的最佳实践是什么？当我在React应用上工作时，我应该在什么时候把它放在index.css和App.css中？
浏览 49提问于2020-01-15得票数 3
回答已采纳
我试图使用链接将状态发送到另一个组件，但它总是给我带来这个错误
警告:无法对卸载的组件执行响应状态更新。
我想知道避免这种冲突的最佳解决办法是什么。
谢谢你提前
class Home extends Component {
constructor() {
super()
this.state = {
data: {},
name: ""
}
this.createRoomHandler = this.createRoomHandler.bind(this)
}
createRoomHandler() {
浏览 1提问于2019-03-07得票数 2
我有一个mongo主从集群和一个PHP服务器。PHP服务器同时进行读写操作。
然而，mongo不允许在从设备上进行写操作。我不能简单地使用像haproxy这样的自动平衡系统。
如果我必须手动选择写入和读取的服务器，这将是愚蠢的。
那么，这方面的最佳实践是什么？
浏览 1提问于2016-11-17得票数 0
在这个场景中经过几次测试后，我有一些问题无法回答我自己，所以我请求帮助澄清我的概念。
提供者与导航器中的道具
安装Navigator并将存储区传递到的不同场景的最佳方法是什么？
export default class App extends Component {
render () {
return (
<Provider store={store}> //<-- here
<Navigator style={{flex: 1}}
initialRout
浏览 1提问于2016-02-21得票数 4
我试图通过制作一个带有可折叠项目的菜单来学习一些反应。我使用jQuery作为它的slideToggle函数，但我无法使它正常工作。
反应守则的有关部分如下：
var CollapsableMenuItem = React.createClass({
toggleDescription: function(el) {
$(el).slideToggle();
},
render: function() {
return (
<li>
<label className=
浏览 3提问于2015-11-29得票数 0
回答已采纳
2回答
我正在创建一个桌面应用程序，它在本地执行某些操作之前需要来自远程服务器的授权。
当服务器批准授权请求时，通知我的桌面应用程序的最佳方式是什么？授权平均需要20秒，最短5秒，超时120秒。
我考虑过每隔3秒左右轮询服务器一次，但当我更广泛地部署应用程序时，这将很难扩展，而且看起来不太优雅。
我完全控制了服务器和客户端API的设计。服务器使用的是Ubuntu10.10，Python2.6上的web.py。
浏览 9提问于2010-10-20得票数 0
我有自己的应用程序，用Angular2编写，由几个模块组成。为了在代码中保持顺序，我发现我应该将所有服务(为了与API通信)隔离为单独的模块。
我想知道这是不是个好主意？它会影响加载时间或我的应用程序的大小吗？这可能是其他的负面影响吗？如果是，为什么？以及在模块上划分应用程序的最佳实践是什么。
谢谢。
浏览 2提问于2017-01-12得票数 4
回答已采纳
在Android应用程序中，我必须向一个URL发出多个GET请求，以便将数据传输到外部服务器(这就是第三方API的工作方式)。
数据是零星出现的。我将此数据存储在一个队列中，并希望在后台将其异步发送到服务器，而不会减慢主UI线程的运行速度。队列中的每个数据单元都需要一个GET请求。即使应用程序关闭，队列也必须清空。
执行此操作的最佳实践是什么？请给我发帖子/指引我去代码/教程。
浏览 0提问于2013-06-06得票数 15
回答已采纳
2回答
生成DOM的最佳实践是什么？从服务器传递完整的html作为响应，还是从客户端传递必要的值并相应地创建dom？请建议..
浏览 2提问于2010-04-16得票数 0
回答已采纳
<Wrapper className="form-group" inputAttrs={{id: 'fullname', className: 'form-control'}}>
<label htmlFor={this.parent.props.inputAttrs.id} >Full Name</El>
<input {...this.parent.props.inputAttrs} />
</Wrapper>
这是可能的吗?或者更好的方法是什么？
浏览 0提问于2015-03-18得票数 1
通过给定的ID获取文档标题的“流星”是什么？
收藏(文章)
{
'_id' : 'Dn59y87PGhkJXpaiZ',
'title' : 'Sample Article',
'slug' : 'sample-article'
}
客户端
render() {
const data = [
{ _id: 'Dn59y87PGhkJXpaiZ' },
{ _id: 'k
浏览 7提问于2017-06-21得票数 1
回答已采纳
假设我有多个活动，每个活动都包含单独的Dagger2组件。所以FooActivity有FooComponent，BarActivity有BarComponent。另外，我有一些视图组，比如BazViewGroup，可以在这两个活动中使用，并且必须通过匕首图接收一些依赖关系。在这个视图组的实例中注入依赖项的最佳方法是什么，因为我们事先不知道它属于什么活动？
现在，我有以下设置：
每个活动都公开返回此活动中包含的组件的方法getComponent()。
每个组件都扩展接口，如
公共接口CanInjectIntoBazViewGroup { void (BazViewGroup视图组)；}
浏览 2提问于2016-10-06得票数 2
2回答
如何在React中显示子进程中父进程的状态？
var Form = React.createClass({
render: function() {
return (
<form>
<h1>***CHILD STATE CHECKED***</h1>
{this.props.children}
</form>
)
}
})
var Checkbox = React.createClass({
getInitia
浏览 0提问于2016-07-09得票数 2
我正在建立我的第一个react网站，我想问一下，当涉及到样式时，最佳实践是什么。是为每个组件创建不同的样式表更有意义，还是将所有组件的样式放在一个样式表中更有意义。
浏览 3提问于2019-09-11得票数 2
在这个简单的示例中，我将使用useMemo回传子组件，并将回调传递给父函数以添加数据以响应钩子数组，该数组最初被设置为空。
我的问题如下:为什么钩子数据从不改变，并将它的初始状态保存在回调函数中，这个回调函数来自于自述的Child组件。但是，当在useEffect方法中检查数据钩子或在呈现中使用该钩子时，它总是具有最新的状态。
这是一个更普遍的问题，例如，如果数据总是具有初始状态，那么在回忆录子组件中检查回调函数中的重复值的最佳方法是什么？
我知道useReducer，在添加之前我可以在钩子setter方法中操作数据，但是可能还有其他方法吗？
父组件：
import React, {useEf
浏览 9提问于2020-05-18得票数 1
回答已采纳
1回答
在一个通用App容器包含一个名为Row的表示组件的反应场景中，我们如何使用flexbox指示后者是其同级视图的两倍大
export default class App extends Component<Props> {
render() {
return (
<View style={{flex: 1}}>
<View style={{flex: 1}} />
<Row style={{flex: 2}} />
</View>
);
}
}
这就是Row
浏览 0提问于2018-07-16得票数 0
回答已采纳
我正在为用户创建一个表单构建器来创建问题。每个问题可以有无限数量的子问题，我希望将数据保存到localStorage。
基于表单中每个问题/子问题的状态动态更新localStorage的最佳方法是什么，因为localStorage存储JSON？有没有一种方法可以采用React单向数据流原理，并使其状态与本地存储并行运行？
浏览 3提问于2017-07-10得票数 0
我使用的是构建在上的node ws服务器。该服务器必须将查询发送到数据库。为此，我使用。
当用户连接到服务器时，应该检查客户端是否仍然存在于数据库中。
下面是一段有趣的代码：
console.log("client-liste ist leer");
var query = "SELECT name FROM spieler WHERE name='"+id+"' AND passwort='"+passwort+"'";
var result = queryToDatabase(query);
c
浏览 4提问于2012-08-03得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
