react-state 相关问题

React-Redux useSelector typescript type for state

我正在使用 React-Redux 中的 useSelector(state => state.SLICE_NAME) 挂钩，但是我在定义状态参数时遇到了困难。它默认设置为未知，因此当我尝试时会收到错误...

需要创建类变量，它是该类的子类，如何管理引用

请考虑以下代码作为问题的示例。班级状态： START: State = StartState() # 问题在这里 - StartState END: State = EndState() # 问题在这里 - EndStat...

与 AsyncImage iOS 15 匹配的几何效果

考虑以下示例：结构ContentView：视图{ @State var showSplash: Bool = true @Namespace var 动画命名空间 var body: 一些视图 { ZStack { 如果

Powershell 如何在 Try Catch 块中处理 Az Cli

我有以下代码...... 当找不到资源时，会引发错误，但代码继续运行...不知道为什么？尝试{ $state=$(az synapse sql 池显示 --n...

Verilog 状态机状态/next_state 风格

我是一名 Verilog 初学者，我正在尝试了解在常见 FPGA 平台上实现 FSM 的最佳方法。我看过很多鼓励 state/next_state 的论文（例如这篇）......

Rive 动画加载时间过长，出现 RangeError（索引）：无效值：有效值范围为空：0

创建一个空项目并使用以下命令加载以下文件 all_animations.riv 代码：类 _MyHomePageState 扩展 State { 画板？ _riveArtBoard；状态机控制器？

State<WelcomePage>createState() => _WelcomePageState(); }

我对编码/flutter/dart很陌生，我试图在前进的过程中拾取东西。我正在尝试为应用程序构建欢迎页面。一切都很顺利，直到我尝试向显示密码字段添加功能......

如何在具有预定义值的表单输入上使用State？

我想要一个带有默认值的表单，并且用户输入的任何值都会被捕获。这是我的代码：从“preact/hooks”导入{useState}；导出默认函数 test() { 合作...

当我尝试向 Postgres 中的现有表添加约束时，为什么会收到 SQL state:23503？

我有一个特殊的 User 表 Advisor，仅包含 id 和 user_id （目前！），我尝试使用以下脚本将 user_id 设为外键：更改表顾问添加约束

如何更改可编辑列表中重新排序图标的颜色？

我有一个可编辑的列表，其中可以重新订购哪些商品。我想更改重新排序颜色。怎么做？结构虚拟列表：查看{ @State private var items = ["项目 1", "项目 2&

我无法打印onChange的值

从“react”导入React；从“react-input-mask”导入InputMask；从“./inputMask.module.scss”导入样式；从“反应...

无法在react-三纤维中导入dat.gui

对于使用react- Three-Fiber制作的项目，我导入了以下库：从 '三' 导入 * 作为三；从“react”导入 React, { Suspense, useState }; 导入 { 画布，useLoader }

为什么我导入 React 时服务器返回 MIME 类型为“text/html”？

这是我的js：从'./node_modules/react'导入React；从'./node_modules/react-dom'导入ReactDOM；让 thePage = React.createElement( '主要的'，无效的， '哈哈' ）； ReactDOM.render(thePage,

尽管已安装，但找不到模块“@tanstack/react-table”

我正在开发一个 TypeScript React 项目，我正在尝试从 columns.tsx 文件中的 @tanstack/react-table 导入 ColumnDef。从“@tanstack/react-table”导入{ColumnDef}；出口...

创建新的 React 应用程序时遇到麻烦

当我尝试创建一个新的 React 应用程序时，我收到以下错误消息，安装软件包。这可能需要几分钟。安装中 React、react-dom 和带有 cra-temp 的 React-scripts...

react-testing-library：无法关闭 MUI Select 的下拉菜单

我有一个 SelectExample.js 从“react”导入 React, { useState }; 从“@mui/material”导入{InputLabel、MenuItem、FormControl、Select、Typography }；> 导出默认fu...

在React版本18中使用react-facebook-login

我希望将react-facebook-login库与React版本18一起使用，但我无法安装该包。 npm 在控制台上抛出错误？该库是否支持 Reac 18 版本...

如何在 EAS 构建中使用 React Native Reanimated？

我按照react-native-reanimated文档的安装说明创建了两次相同的应用程序https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/ge...

React-select：虚拟化选项列表

在最新版本的react-select（3.1.0）中虚拟化选项列表的预期方式是什么？有react-virtualized-select，但不再支持。谢谢。

ASP.NET MVC 项目模板在移动设备上无法调整为 100%

我不明白为什么 Web .Net MVC 项目上的默认模板没有在移动设备中调整为 100% 宽度。我在视图上使用数据表： @模型IEnumerable 我不明白为什么 Web .Net MVC 项目上的默认模板没有在移动设备中调整为 100% 宽度。我在视图上使用数据表： @model IEnumerable<iziConference.Models.EventAttendee> <h2>Participantes.</h2> <br /> <button><a style="text-decoration: none" href='@Url.Action("Create", new { eventId = ViewBag.EventId })'>Criar Participante</a></button> <button id="at-btn-refresh"> Actualizar</button> <input id="eventId" type="hidden" value="@ViewBag.EventId"> <table id="at-attendees-list" cellpadding="10" border="1" class="row-border stripe"> <thead> <tr> <th>ID</th> <th>Tipo</th> <th>Nome</th> <th>Email</th> <th>Estado </th> </tr> </thead> <tbody> @foreach (var item in Model) { <tr id="[email protected]_Id"> <td style="padding: 5px"> @Html.DisplayFor(modelItem => item.Attendee.Id) </td> <td> @Html.DisplayFor(modelItem => item.AttendeeType) </td> <td> @Html.DisplayFor(modelItem => item.Attendee.Name) </td> <td> @Html.DisplayFor(modelItem => item.Attendee.Email) </td> <td> @if (item.IsActive) { <button id="[email protected]_Id" class="at-btn-active-state active" data-attendee-id="@item.Attendee_Id" data-attendee-name="@item.Attendee.Name" data-active-new-state="false" data-show-confirmation-alert="true">Desactivar</button> } else { <button id="[email protected]_Id" class="at-btn-active-state inactive" data-attendee-id="@item.Attendee_Id" data-attendee-name="@item.Attendee.Name" data-active-new-state="true" data-show-confirmation-alert="true">Activar</button> } </td> </tr> } </tbody> </table> 由脚本加载： var _atteendeesList = "at-attendees-list"; $("#" + _atteendeesList).DataTable({ "paging": false, "info": false, "language": { "search": "Pesquisar:", "info": "Participantes inscritos: _PAGES_" } }); 使用默认的_Layout.cshtml： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>izigo Conference - Gestor de Conteúdos</title> <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <meta name="viewport" content="width=device-width" /> @Styles.Render("~/Content/css") @Scripts.Render("~/bundles/modernizr") </head> <body> <header> <div class="content-wrapper"> <section id="login"> @Html.Partial(MVC.Account.Views._LoginPartial) </section> <div style="padding: 10px;"> @if (Request.IsAuthenticated) { <nav> <ul id="menu"> <li>@Html.ActionLink("Home", MVC.Home.Index())</li> <li>@Html.ActionLink("Participantes", MVC.Attendee.Index())</li> <li>@Html.ActionLink("Check-in", MVC.Checkin.Index())</li> </ul> </nav> } </div> </div> </header> <div id="body"> @RenderSection("featured", required: false) <section class="content-wrapper main-content clear-fix"> @RenderBody() </section> </div> <footer style="padding-left: 25px;"> <div class="content-wrapper"> <div class="float-left"> <p>© @DateTime.Now.Year - <a href="https://www.izigo.pt/conference" target="_blank">izigo Conference</a> - <i>Powered by</i><a href="https://www.izigo.pt" target="_blank">izigo.pt</a></p> </div> </div> </footer> @Scripts.Render("~/bundles/jquery", "~/bundles/iziconference") @RenderSection("scripts", required: false) </body> </html> 研究了 dataTables 库的选项后，我找到了一个创建响应式解决方案的选项：我已经包含了响应表结构和columnDefs的选项，以选择哪些选项在移动设备中保持可见： $("#" + _atteendeesList).DataTable({ "responsive": true, "columnDefs": [ { responsivePriority: 1, targets: 0 }, { responsivePriority: 2, targets: -1 } ], "paging": false, "info": false, "language": { "search": "Pesquisar:", "info": "Participantes inscritos: _PAGES_" } }); 我还必须在捆绑包中包含数据表扩展的 js 和 css 响应式库（可在此处下载：https://datatables.net/download/）： bundles.Add(new ScriptBundle("~/bundles/iziconference").Include( "~/Content/Scripts/datatables.min.js", "~/Content/Scripts/dataTables.responsive.min.js")); // add-on bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/Styles/datatables.min.css", "~/Content/Styles/responsive.dataTables.min.css"));

升级到 React 18 后 React App 未渲染

`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。在终端中，我得到： webpack 编译成功但在 chrome 控制台中...

反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载

从“react”导入React；从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航；导入首页

元素未显示在 React Native 上

电流输出：预期输出：当前代码实施：从“反应”导入反应从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }

create-react 应用程序的替代品是什么

我有一个基于 Create React App 构建的 React 项目，我正在探索替代构建工具。有哪些推荐的方法或工具可以从 Create React App 迁移出来？有什么经历或

饼图未使用 Chart 在 React 中渲染

我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的，图表预计

带斜杠的边框半径在 React-pdf 中不起作用

我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。但它在 React pdf 中不起作用。我尝试过这些。我知道我们可以在CSS中为半圆设置border-radius: 4px/2px。但它在 React pdf 中不起作用。我尝试过这些。你好我导入了所有 React pdf 元素。但是当我尝试上述设计时，我在控制台中收到错误。错误是 @react-pdf_renderer.js?v=e8b1cced:113701 Error: unsupported number: NaN at number2 (@react-pdf_renderer.js?v=e8b1cced:58798:11) at PDFDocument2.lineTo (@react-pdf_renderer.js?v=e8b1cced:59998:28) at clipNode2 (@react-pdf_renderer.js?v=e8b1cced:32924:7) at renderBackground3 (@react-pdf_renderer.js?v=e8b1cced:34087:5) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34139:3) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) at Array.forEach (<anonymous>) at renderChildren2 (@react-pdf_renderer.js?v=e8b1cced:34125:12) at renderNode3 (@react-pdf_renderer.js?v=e8b1cced:34145:5) at renderChild2 (@react-pdf_renderer.js?v=e8b1cced:34123:12) 有人可以帮忙吗测试此类语法的最简单方法是在 repl 中https://react-pdf.org/repl 简短的回答是 4px/2 不是单个 px 值，因此 = NAN 使用任何其他单个愚蠢的数字即可。

jquery__WEBPACK_IMPORTED_MODULE_2___default(...)(...).owlCarousel 不是函数（React）

我正在制作一个网络应用程序，我需要在其中实现猫头鹰旋转木马。我的组件“TopEventSection.jsx”文件：从“react”导入React，{useEffect}；从&q导入img...

d3 svg 与 nextjs mouseenter 仅触发一次

我正在开发一个 React 组件，该组件使用了 D3，但是 svg 圆圈仅触发一次。从 'react' 导入 React, { useEffect, useRef, useState }; 从 'd3' 导入 * 作为 d3；导入

我的 nextjs 项目中的信号存在一些问题

“使用客户端”；从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence，运动}；从“...

React 图标未解析

编译失败。找不到模块：错误：无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr

有没有办法清除react中的react历史记录？

我有一个针对移动用户的 Web 应用程序，但由于我们的客户不需要移动应用程序，因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用

如何从 React Native 项目中删除 Kotlin

我之前在Flutter工作，现在切换到React Native，但是当我创建新的React Native项目时，kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。嗬...

反应单元测试“不是函数”对象。<anonymous>

努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...

在 React Native 中检索 IMEI 号码

我正在开发 React Native 应用程序，需要检索特定用例的设备的 IMEI 号码。在 React Native 中是否有推荐且安全的方法来获取 IMEI 号码？

MathJax 未使用 ReactMarkdown 在 React 中渲染 LaTeX

我目前在 React 应用程序中面临 MathJax 和 ReactMarkdown 的问题。我已经设置了一个使用 better-react-mathjax 来渲染 Markdown 内容的组件，包括 LaTeX math express...

android中customView中如何收集Viewmodel StateFlow

android中customView中如何采集StateFlow 我有一个视图模型类 MyViewModel : ViewModel() { 私有 val _myState = MutableStateFlow(MyState()) val myState：StateFlow android中customView中如何采集StateFlow 我有一个视图模型 class MyViewModel : ViewModel() { private val _myState = MutableStateFlow(MyState()) val myState: StateFlow<MyState> = _myState fun updateMyState(newState: MyState) { _myState.value = newState } } data class MyState( val name: String = "", val age: Int = 0, val isMarried: Boolean = false ) 我能够使用收集活动中的更新数据 lifecycleScope.launchWhenStarted { viewModel.myState.collect { state -> Log.e("collected ", "tateflow: ${state.name}") } } 我们如何根据收集的数据更新自定义视图？我们如何根据这些数据更新自定义视图您能分享一下在自定义视图中创建 viewModel 的代码吗？你的代码是不是类似这样： private val viewModel: ActivityViewModel by activityViewModels()

signals-react中effect和useSignalEffect的区别

这个问题不是问题，只是出于教育目的。我正在react应用程序中尝试来自@preact/signals-react的effect和useSignalEffect。问题是我看到效果并使用SignalEffec...

React 和 Flask-login - 检查用户是否登录

我在前端使用 React 18.2，在后端使用 Flask 登录。这是一个 RestAPI 设置，身份验证将使用会话。我自己实现了登录，React 发送登录

将 React Native 版本升级到 0.72.3 时出错：任务 ':invertase_react-native-apple-authentication:' 执行失败

我正在将我的 React Native 项目从版本 0.64.4 更新到 0.72.3。为了帮助更新，我一直在遵循 React Native Upgrade Helper (https://

如何在 RTL 测试中使用 React Redux useDispatch 钩子？

我想在使用 redux 调度后测试 React 组件。我正在使用“test-utils.ts”文件中的自定义渲染函数：从 'react' 导入 { ReactElement } 导入{渲染，渲染O...

任务':react-native-health-connect:compileDebugKotlin'执行失败

我试图将react-native-health-connect添加到我们的React Native应用程序中。添加此库后，我将最小 SDK 更改为 26，将compileSdkVersion 更改为 34。在这些更改之后，

react-native（博览会）中的输入无法在网络上打开（混合应用程序）

我正在使用react-native（expo）创建一个应用程序混合体，以及一些类似的库： ` “依赖项”：{ "@apollo/client": "^3.8.4", “@gluestack-style/react&q...

React JS - 状态管理

我最近一直在学习React，我尝试构建一个小型网络应用程序来学习React。我对国家管理有疑问。我现在没有使用任何库进行状态管理，而且......

如何在webview中加载html字符串？

我有一个包含以下内容的html字符串：我有一个包含以下内容的html字符串： <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="spanish press" content="spain, spanish newspaper, news,economy,politics,sports"> <title></title> </head> <body id="body">  <script src="http://www.myscript.com/a"></script> </body> </html> 我需要将该网站显示到 Android 中的网络视图中。我尝试过这一切： webView.loadDataWithBaseURL(null, txt, "text/html", "UTF-8", null); webView.loadDataWithBaseURL("x-data://base", txt, "text/html", "UTF-8", null); webView.loadDataWithBaseURL("notreal/", txt, "text/htm", "utf-8",null); 我还尝试删除 DOCTYPE 标签： txt=txt.replace("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">", ""); 这些人都没有工作。我刚刚实现了将字符串显示到 webview（html 代码）中，但不是必须使用该 html 代码创建的网站。出了什么问题？在 WebView 中加载数据。调用WebView的loadData()方法 wv.loadData(yourData, "text/html", "UTF-8"); 你可以查看这个例子 http://developer.android.com/reference/android/webkit/WebView.html [编辑1] 您应该在 -- " 之前添加 -- \ -- 例如 --> name=\"spanish press\" 下面的字符串对我有用 String webData = "<!DOCTYPE html><head> <meta http-equiv=\"Content-Type\" " + "content=\"text/html; charset=utf-8\"> <html><head><meta http-equiv=\"content-type\" content=\"text/html; charset=windows-1250\">"+ "<meta name=\"spanish press\" content=\"spain, spanish newspaper, news,economy,politics,sports\"><title></title></head><body id=\"body\">"+ "<script src=\"http://www.myscript.com/a\"></script>şlkasşldkasşdksaşdkaşskdşk</body></html>"; 你也可以试试这个 final WebView webView = new WebView(this); webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null); 从资产 html 文件中读取 ViewGroup webGroup; String content = readContent("content/ganji.html"); final WebView webView = new WebView(this); webView.loadDataWithBaseURL(null, content, "text/html", "UTF-8", null); webGroup.addView(webView); 我有同样的要求，我是按照以下方式完成的。你也可以试试这个。使用loadData方法 web.loadData(""" <p style='text-align:center'> <img class='aligncenter size-full wp-image-1607' title='' src="+movImage+" alt='' width='240px' height='180px' /> </p> <p> <center> <U> <H2>"+movName+"("+movYear+")</H2> </U> </center> </p> <p><strong>Director : </strong>"+movDirector+"</p> <p><strong>Producer : </strong>"+movProducer+"</p> <p><strong>Character : </strong>"+movActedAs+"</p> <p><strong>Summary : </strong>"+movAnecdotes+"</p> <p><strong>Synopsis : </strong>"+movSynopsis+"</p> """, "text/html", "UTF-8" ); movDirector movProducer 都是我的字符串变量。简而言之，我保留了 URL 的自定义样式。如果您正在 JetpackCompose 中寻找某些内容，这可以帮助您： @Composable fun HtmlTextVisualizerComponent(textFromData: String) { val mimeType = "text/html" val encoding = "UTF-8" LazyColumn( modifier = Modifier .padding( start = 24.dp, end = 24.dp, top = 16.dp, bottom = 24.dp, ), ) { items(1) { val state = rememberWebViewState( url = "data:$mimeType;$encoding,$textFromData", ) val navigator = rememberWebViewNavigator() WebView( state = state, modifier = Modifier.fillMaxSize(), navigator = navigator, onCreated = { it.settings.javaScriptEnabled = true }, ) } } } 一定不要忘记在你的 gradle 中添加依赖项： implementation "com.google.accompanist:accompanist-webview:0.30.1"

React store.getState 不是一个函数

这是我的代码：商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}；从“不可变”导入{fromJS}；从“react-router-redux”导入{routerMiddleware}；导入createSagaMidd...

Shadow-cljs 需要反应选择

目前我需要使用 ["react-select" :default Select] 来创建组件： (def dropdown-standard (ra/adapt-react-class Select)) （这非常有效）我想访问...

在普通的 create-react-app --template typescript 文件夹中安装 eslint 失败

我正在尝试将 eslint 安装到从 TypeScript 模板创建的普通 create-react-app 文件夹中。我运行了以下命令： % npx create-react-app REDACTED --模板打字稿

Tanstack React 查询未导入

我正在尝试将 tanstack React 查询实现到我正在开发的项目中来管理状态。我正在尝试将其与使用 nextjs 13 的 React 查询的教程一起设置，虽然我觉得我...

React Router：第一次访问 ParentNotificationsPage 组件时不显示数据，仅在返回后才显示

我在 React 应用程序中遇到了 React Router 的问题，其中 ParentNotificationsPage 组件在第一次访问时不显示数据。仅当我导航回

Node.js 服务器上的 React Native Socket.IO 未连接

我正在构建一个React Native Expo应用程序，需要使用socket.io进行实时通信。我正在本地主机上运行 Node.js 服务器。这是我的代码 React Native - home.js 从 & 导入 { io }

react-state 相关问题

最新问题