小编mat*_*c15的帖子

我有一个使用 React hooks、SQL Server 数据库和 .NET Core 3.1 Web API 构建的应用程序。我真的很难理解所有活动部件之间的关系。我想避免重新发明轮子并利用现有的库和框架。根据我所学到的知识，JWT 似乎是通往这里的方法，但它只是有点令人困惑。这是我的要求：

1. 创建帐户并使用自定义网站帐户登录/注销或使用 Google/Facebook/Microsoft/等。（我可以从其中一个开始，但不想把自己限制在里面并重写大量的东西来添加另一个）
2. 利用现有项目中的.NET Core Identity来处理SQL Server数据库中的用户、角色等。
3. 使用 React hooks 模式（如果必须的话，我可以通过翻译类组件来一瘸一拐）

我认为我在所有的解耦中迷失了（这通常是一件好事！）我看到有关带有虚拟后端的 React 的文章，然后我迷失了。我看到有关 .NET Core 的帖子，但不知道如何将它与 React 一起使用。从概念上讲，大部分内容都是有意义的，但我还没有找到一个地方可以帮助我从头到尾理解代码应该是什么样子。

这是我的问题！

1. React 前端应用程序和 React auth 服务是同一件事吗？他们可以吗？他们一定是吗？
2. JWT字符串是在React端还是.NET端生成的？最好的图书馆？
3. MS Identity Server 如何（或者是否？）符合这个等式？
4. 尽管看了大约 100 篇文章，但我并不完全理解刷新令牌的概念。刷新令牌是 100% 必要的吗？使用/不使用它们的好处/缺点？

有很多事情需要整理，我只是希望有人能帮助我简化。

我的自动完成组件正在从 API 中提取书籍列表。我将它们呈现为自动完成组件中的选项，并将它们输出为页面底部的列表以进行调试。还从 API 输出 JSON。

两个问题似乎是交织在一起的。首先，自动完成选项似乎并不全是渲染。最多有 10 个结果（API 调用限制为 10 个），它们都显示在自动完成下方的列表中，但不在自动完成的选项列表中。其次，当调用 API 时（例如将文本从“abc”更改为“abcd”之间的时间），它显示“无选项”，而不是仅显示“abc”中的选项。

在此处的沙箱代码中尝试缓慢输入 - 1 2 3 4 5 6 - 您会看到结果在 中，<ul>但在<Autocomplete>.

关于为什么会发生这种情况（或者可能两者分别发生）有什么想法吗？

谢谢！

沙箱中的代码：

import React, { useState, useEffect } from "react";
import Autocomplete from "@material-ui/lab/Autocomplete";
import {
  makeStyles,
  Typography,
  Popper,
  InputAdornment,
  TextField,
  Card,
  CardContent,
  CircularProgress,
  Grid,
  Container
} from "@material-ui/core";
import MenuBookIcon from "@material-ui/icons/MenuBook";
import moment from "moment";

// sample ISBN: 9781603090254

function isbnMatch(isbn) {
  const str = …