reactjs - 如何在 dotnet core 3 中自定义或设置身份验证 UX
问题描述
带有身份验证的 Core3/react 模板设置身份和管理它所需的所有 UX。
我不知道如何自定义或至少设置样式。
在 Core2 中,我必须自己创建所有这些,因此只需导入另一个样式表。但是在所有 UI 都固定后,没有明显的机制来添加样式。它使用从它的 npm_modules 引用的引导程序,我想我可以破解它来添加样式,但它很丑陋并且容易受到更新。
首选方法是什么?
特别是我想添加margin-bottom: 0.5em
到登录页面上的按钮,因为当注册了很多 OAuth 提供程序并且按钮换行到另一行时,它们之间没有边距,看起来很糟糕。
解决方案
当人们想要将 React 与 dotnet core3 一起使用时,他们不会通过翻阅数千页几乎不相关的文档来实现目标。生命太短暂了。
相反,他们通过浏览ASP.NET Core 上的单页应用程序身份验证简介来dotnet core3 react authentication oauth
开始他们的旅程,以了解 React 上的内容。
无需大谈关于部署到 Azure 的部分假设了多少先验知识,在底部有一个链接Scaffold Identity in ASP.NET Core projects。
我们这些习惯使用 VS Code 的人会忽略这一点,因为脚手架是 Visual Studio 的东西。这是个错误。吃蓝色药丸,走下脚手架的兔子洞,因为现在它也是 CLI 的东西,这就是你如何处理我在问题中描述的问题,即如何自定义你没有的代码。
你搭建它,然后你就拥有了代码。
推荐阅读
- python-3.x - 如何使用 Pandas 加入可变长度的日期和时间
- javascript - 带有 useSelector 和 useDispatch 的 Redux Hooks - 为什么要使用它?
- java - 从 AWS ECS 集群获取标签返回空列表
- python-3.x - 无法使用 discord.py 向频道发送消息
- elixir - Ecto.Migrations.references/2 中的 on_delete 选项有什么作用?
- android - 带有国家代码下拉列表的移动设备上的 CSS 问题 (intl-tel-input)
- javascript - 在本机反应中获取对象数组中的第一个元素
- javascript - Webpack 的开发服务器应该将 src 或 dist 文件夹作为内容库吗?
- laravel - 使用数组列过滤 eloquent 集合
- intellij-idea - 无法解析 JUnit 5 项目中的符号测试