在我的React应用程序中,我想进行乐观更新以为用户创建响应式体验。
话虽如此,我想将一个用户条目发送给我的后端,并使用一个ID,以便下次他/她使用该应用程序时,该用户条目不会有其他ID。例如,如果用户输入评论,我想为其分配一个ID,UUID并提供一个实数,然后将其发送到我的API。
我了解JavaScript或React没有真正的内置方法来生成UUID/ GUID值。我见过许多文章会产生看起来像UUID/ GUID的随机值,但实际上并非如此,我不想将它们用作用户输入的ID。
我如何在前端获得实数UUID/ GUID价值?我要调用后端API来获取它们吗?我可以在API中创建一个端点,一次发出10或20个端点,GUID然后将它们存储起来以供将来在前端使用,但这听起来有些荒谬。
我不想在这里重新发明轮子,因为我不是第一个面对这种情况的人。我如何UUID在前端获得真实的价值?
只是抬头:这是一个非常奇怪的问题.我会尽力清楚地解释这个问题.这是在我的ReactJs应用程序中使用React Router.
我有一些组件需要来自URL的某种类型的参数.我也有不依赖于参数的组件.
如果我去那些成分不要求任何参数,有没有任何问题.
所以,我去我的Home,然后Account List,这两个都不需要任何参数,我可以随心所欲地来回走动,没有问题.
但是,如果我转到使用参数的组件,然后尝试使用另一个使用参数的组件,然后我会收到错误.该错误表明组件react-router应该加载未正确安装,这会引发错误,告诉我子组件所需的数据丢失.我得到的错误非常简单.他们简单地说:
this.props.something是必需的,但未定义
这是我的路线App.jsx:
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { bindActionCreators } from 'redux';
import { Route, Switch, withRouter } from 'react-router-dom';
// Import components here
// Just showing one for brevity
import Home from '../components/home/Home';
import * as appActions from '../actions/app-actions';
class App extends Component {
constructor(props) {
super(props);
}
render() …Run Code Online (Sandbox Code Playgroud) javascript reactjs react-router react-router-v4 react-router-dom
我有两个 ASP.NET Core 2.1 应用程序,我正在尝试POST使用HttpClient.
出于某种原因,当我[FromBody]用来获取我尝试接收的简单文本时,出现BadRequest错误。
这是我的发件人代码。首先,这就是我的ConfigureServices方法。我正在使用HttpClientFactoryASP.NET Core 2.1 中的新功能。我还创建了一个名为的客户端类myApiCallerClient来处理我的 API 调用:
services.AddHttpClient("myNamedClient", client =>
{
client.BaseAddress = new Uri("http://localhost:50625/api/");
client.DefaultRequestHeaders.Clear();
client.DefaultRequestHeaders.Add("Accept", "application/json");
});
services.AddScoped(x => {
var httpClientFactory = x.GetRequiredService<System.Net.Http.IHttpClientFactory>();
var myApiCallerClient = httpClientFactory.CreateClient("myNamedClient");
return new Clients.ApiCaller.ApiCallerClient(myApiCallerClient);
});
Run Code Online (Sandbox Code Playgroud)
这是 myApiCallerClient 中的代码:
public async Task SayHello()
{
var response = await _httpClient.PostAsync("test", new StringContent("Saying hello!", System.Text.Encoding.UTF8, "text/plain"));
}
Run Code Online (Sandbox Code Playgroud)
这是我在接收端的代码,它是 中的POST()API 方法TestController:
[HttpPost] …Run Code Online (Sandbox Code Playgroud) 在我的Customers表格中,我有PrimaryPhone和SecondaryPhone列,并且要求我在两行中分别返回它们。我还要提及的是,在大多数情况下,SecondaryPhone甚至可能没有值,在这种情况下,无需返回第二行。
因此,这是来自Customers表的数据:
CustomerId | CompanyName | PrimaryPhone | SecondaryPhone
123 Acme, Inc. 307-555-1234 307-555-2345
234 DataCorp, Inc. | 824-555-6547
Run Code Online (Sandbox Code Playgroud)
我的SELECT语句应返回以下数据:
CustomerId | CompanyName | Phone
123 Acme, Inc. 307-555-1234
123 Acme, Inc. 307-555-2345
234 DataCorp, Inc. 824-555-6547
Run Code Online (Sandbox Code Playgroud)
我希望您能找到一些有关如何将一列中的数据显示为单独行的指针。谢谢。
以下是我在 Azure SQL 数据库仪表板上看到的屏幕截图。我确实检查了这方面的文档,所以我确实理解每个数据点的含义。我想了解的是,已用空间与分配空间如此接近是否有问题。
我设置的唯一数据点是最大存储空间,其余数据由 Azure SQL 数据库管理,因此应该没问题,但我不想做出假设。
我babel-polyfill在我的React应用程序中使用它来转换ECMAScript为 vanilla JS。据我了解babel-polyfill现在已弃用。
我在我的应用程序中收到的警告React是:
@babel/polyfill 已弃用。请分别使用 core-js 和 regenerator-runtime/runtime 所需的部分
目前我的package.json文件中有以下内容:
"devDependencies": {
"babel-polyfill": "^6.26.0",
"redux-devtools": "^3.5.0"
}
Run Code Online (Sandbox Code Playgroud)
可以安全地假设我现在需要以下内容而不是babel-polyfill?
"devDependencies": {
"core-js": "3.6.5",
"regenerator-runtime": "0.13.5"
},
Run Code Online (Sandbox Code Playgroud)
import 'babel-polyfill';另外,我认为,我认为我需要以下内容,而不是在我的减速器和组件中:
import "core-js/stable";
import "regenerator-runtime/runtime";
Run Code Online (Sandbox Code Playgroud)
这些是要经过的步骤吗?我错过了什么吗?
在我的 React Native 项目中,我需要设置一些内容,例如minSdkVersion、targetSdkVersion等。在build.gradle文件中,我看到对rootProject.ext似乎是设置中心位置的部分的引用。rootProject.ext我在项目中进行了搜索,但除了 的这一部分之外,找不到任何地方build.gradle。我可以“作弊”并将实际值放入其中并且它可以工作,但我想知道在哪里rootProject.ext。例如,下面代码中的compileSdkVersion或来自哪里?minSdkVersion
android {
compileSdkVersion rootProject.ext.compileSdkVersion
compileOptions {
sourceCompatibility JavaVersion.VERSION_1_8
targetCompatibility JavaVersion.VERSION_1_8
}
defaultConfig {
applicationId "com.ingridtm"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName "1.0"
}
}
Run Code Online (Sandbox Code Playgroud)
PS 这是一个常规的 React Native 项目——目标是 0.63.4——是用npx react-native init myproject. 所以build.gradle到目前为止我什么也没改变。
我刚刚开始使用 Expo——但我已经使用 CLI 完成了 RN 开发。我注意到的第一件事是我应该使用安装第三方软件包,expo install <package-name>以便我们知道该软件包是兼容的。
然而,我刚刚注意到,尽管 Expo 推荐使用 React Navigation 进行导航和路由,但安装它的第一步是npm install @react-navigation/native. 然后我们继续expo install安装 Expo 依赖项。以下是说明: https: //reactnavigation.org/docs/getting-started/
我在这里有点困惑。我认为我们不应该npm install与世博会一起使用。我缺少什么?为什么我们使用npm installReact Navigation 包而不是expo install?
如何在 .NET MAUI 应用程序中将页面设置为具有线性背景?
我尝试定义LinearGradientBrushin Colors.xaml,然后将其分配为StaticResource- 见下文 - 但这似乎不起作用。
在 中Colors.xaml,我有这个:
<LinearGradientBrush x:Key="PageGradientBackground" EndPoint="1,1">
<GradientStop
Color="{StaticResource UIOffWhite}"
Offset="0.1"/>
<GradientStop
Color="{StaticResource UILightGray}"
Offset="0.6"/>
<GradientStop
Color="{StaticResource UIMidGray}"
Offset="1.0"/>
</LinearGradientBrush>
Run Code Online (Sandbox Code Playgroud)
然后像这样使用它:
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
BackgroundColor="{StaticResource PageGradientBackground}">
<!-- ... -->
</ContentPage>
Run Code Online (Sandbox Code Playgroud)
我也尝试过内联定义它,但这也不起作用。这实际上是不允许的:
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
<ContentPage.BackgroundColor>
<LinearGradientBrush>
</LinearGradientBrush>
</ContentPage.BackgroundColor>
<!-- ... -->
</ContentPage>
Run Code Online (Sandbox Code Playgroud)
知道如何为 a 提供渐变背景ContentPage吗?
javascript ×3
react-native ×3
reactjs ×3
expo ×2
android ×1
asp.net-core ×1
azure ×1
c# ×1
maui ×1
react-router ×1
sql-server ×1
t-sql ×1
xaml ×1