小编Sam*_*Sam的帖子

在JS或React中生成UUID

在我的React应用程序中,我想进行乐观更新以为用户创建响应式体验。

话虽如此,我想将一个用户条目发送给我的后端,并使用一个ID,以便下次他/她使用该应用程序时,该用户条目不会有其他ID。例如,如果用户输入评论,我想为其分配一个ID,UUID并提供一个实数,然后将其发送到我的API。

我了解JavaScriptReact没有真正的内置方法来生成UUID/ GUID值。我见过许多文章会产生看起来像UUID/ GUID的随机值,但实际上并非如此,我不想将它们用作用户输入的ID。

我如何在前端获得实数UUID/ GUID价值?我要调用后端API来获取它们吗?我可以在API中创建一个端点,一次发出10或20个端点,GUID然后将它们存储起来以供将来在前端使用,但这听起来有些荒谬。

我不想在这里重新发明轮子,因为我不是第一个面对这种情况的人。我如何UUID在前端获得真实的价值?

javascript reactjs

6
推荐指数
1
解决办法
2万
查看次数

componentDidMount()未被调用,但仅在特定情况下被调用

只是抬头:这是一个非常奇怪的问题.我会尽力清楚地解释这个问题.这是在我的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

6
推荐指数
1
解决办法
1821
查看次数

npm启动后第一个Expo项目抛出错误

我按照说明在Windows 10计算机上安装Expo。我的机器上正在运行node版本10.14.0

在发出expo init命令并创建第一个项目之后,运行将npm start显示一条消息,内容为:

此命令需要Expo CLI。是否要全局安装[是/否]?

奇怪的是,我已经安装了expo-cli全球最新版本。expo-cli --version在项目文件夹中运行时,我得到的版本expo-cli2.5.0

从这里开始,情况变得更糟。无论我选择什么,都会出现以下错误: 在此处输入图片说明

任何想法如何解决此问题?

react-native expo

6
推荐指数
1
解决办法
1358
查看次数

使用 HttpClient 的简单 POST

我有两个 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)

c# dotnet-httpclient asp.net-core

6
推荐指数
1
解决办法
5286
查看次数

在SELECT语句的单独行中返回列

在我的Customers表格中,我有PrimaryPhoneSecondaryPhone列,并且要求我在两行中分别返回它们。我还要提及的是,在大多数情况下,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)

我希望您能找到一些有关如何将一列中的数据显示为单独行的指针。谢谢。

t-sql sql-server

6
推荐指数
1
解决办法
210
查看次数

已用空间与为 Azure SQL 数据库分配的空间太接近

以下是我在 Azure SQL 数据库仪表板上看到的屏幕截图。我确实检查了这方面的文档,所以我确实理解每个数据点的含义。我想了解的是,已用空间与分配空间如此接近是否有问题。

我设置的唯一数据点是最大存储空间,其余数据由 Azure SQL 数据库管理,因此应该没问题,但我不想做出假设。

在此输入图像描述

azure azure-sql-database

6
推荐指数
1
解决办法
8116
查看次数

在 React 应用程序中从 babel-polyfill 切换到 core-js

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)

这些是要经过的步骤吗?我错过了什么吗?

javascript reactjs babel-polyfill

6
推荐指数
1
解决办法
1224
查看次数

React Native 项目中的 rootProject.ext 在哪里

在我的 React Native 项目中,我需要设置一些内容,例如minSdkVersiontargetSdkVersion等。在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到目前为止我什么也没改变。

android react-native

6
推荐指数
1
解决办法
4185
查看次数

expo 安装与 npm 安装

我刚刚开始使用 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

react-native react-navigation expo

6
推荐指数
0
解决办法
4559
查看次数

.NET MAUI 应用程序中的渐变页面背景

如何在 .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吗?

xaml maui

6
推荐指数
1
解决办法
3009
查看次数