反应问题，当我将标头组件添加到我的主页组件时，没有任何内容加载
从“react”导入React； 从 '@chakra-ui/react' 导入 { ChakraProvider, CSSReset }; 从 'react-router-dom' 导入 { BrowserRouter as Router, Route, Routes }; 从 './nav' 导入导航； 导入首页
React Router v6.4+ 数据 API：重试加载程序而不显示错误
使用react-router 6.21.1和新的数据api，我的路由设置如下： 常量路由 = [ { 元素: , 错误元素：， 孩子们...
使用react-router-v6和zustand进行身份验证
应用程序路线： 函数 AppRoutes(): JSX.Element { 返回 （ } /> }> ...
React Router：第一次访问 ParentNotificationsPage 组件时不显示数据，仅在返回后才显示
我在 React 应用程序中遇到了 React Router 的问题，其中 ParentNotificationsPage 组件在第一次访问时不显示数据。仅当我导航回
我遇到了 React Router 的问题，使用动态参数导航到特定 URL 会渲染错误的组件。具体来说，当导航到 http://localhost:3001/Create/4 时，...
this.props.history.push() 似乎不再在 React Router v4 中工作，有什么替代方案吗？
我是 React 新手，我看到的大多数有关使用 React Router 进行重定向的教程似乎都在使用上述代码片段。我想要实现的是将用户重定向到主页...
这是我的代码： 商店.js 从 'redux' 导入 {createStore, applyMiddleware, compose}； 从“不可变”导入{fromJS}； 从“react-router-redux”导入{routerMiddleware}； 导入createSagaMidd...
当React Router中的路由命中时，如何有条件地渲染两个组件或更改两个出口？
我有一个 React 应用程序，我在其中使用 React Router。在我的布局组件中，我有这样的结构： 从“反应”导入反应； 从 './components/Header/Header' 导入标头； 导入 Foo...
Typescript、React、强类型 useHistory
我将 useHistory (react-router-dom) 变量作为参数发送到employee.service，其中我使用带有状态和路径名的“history.push”方法。不幸的是我不能...
我有一个针对移动用户的 Web 应用程序，但由于我们的客户不需要移动应用程序，因此它是使用 React 开发的。我已经使用 React Router 实现了应用内路由。我用
使用react-modal，我需要通过锚标记或react-router-dom链接单击超链接时显示模式。 示例：单击注册超链接，注册表模式应打开。
我在我的 React 项目中使用 React-Router。我有一个如下所示的移动页面： 从“反应”导入反应； 从 'axios' 导入 axios 导出异步函数加载器({ params }) { ...
我在我的网站上使用 React Router，遇到了以下问题。我的主要应用程序组件定义如下： 导入'./App.css' 从 './Navbar' 导入 { Navbar } 进口 { 出口 } f...
什么在 Next.js next/navigation 中的react-router-dom 中替换 useLocation() ？
最近，我从 React 迁移到 Next.js [email protected]。在我的网站中，我在使用 useNavigate() 推送时使用了状态，并使用 useLocation() 从另一个页面获取值。我怎样才能做同样的事...
React、React Router、Joy UI：如何禁用导航离开和返回后重新出现的小吃栏？
我有一个虚拟的工作板 Web 应用程序，它使用 React 和 Joy UI 作为前端和 UI。我使用 Joy UI 的 Snackbar 组件在用户执行某些操作后临时弹出一条消息（
我有以下场景： 用户打开激活链接；用户完成激活过程后，系统会将其移动到另一个页面。 我不想保留激活状态...
如果我在某条路线中导航，我想做一个三叶草，然后如果我在我想要的路线中，则有条件地执行一个函数，但我找不到一种方法来做到这一点。我想使用 React router dom 但如果...
Expo 路由器问题：React Native 中基于文件的路由出现不匹配的路由错误
我在 React Native 中遇到了 Expo Router 的令人沮丧的问题。尽管设置了基于文件的路由，但我仍然收到“不匹配的路由”错误。我的目标是引导用户
错误：链接需要在项目的 Expo 配置（app.config.js 或 app.json）中进行构建时设置 `scheme`
我使用react-native expo bare-workflow创建了该项目 npx create-expo-app --template bare-minimum 创建项目后，我尝试将expo-router安装到项目中，一切都完成了
我有这些场景 设置页面 -> 结果页面 -> 详细信息页面 用户选择设置，单击下一步，获取结果，然后单击查看更多详细信息。 详情页 -> 结果页 用户去...
React中react-router-dom最新版本如何实现延迟加载
我想使用Typescript在React中实现延迟加载。我收到打字稿错误。 常量应用程序 = () => { 返回 （ 我想使用 Typescript 在 React 中实现延迟加载。我收到打字稿错误。 const App = () => { return ( <RouterProvider router={createBrowserRouter( createRoutesFromElements( <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Home />} /> <Route path="contact" element={<Contact />} /> <Route path="about" element={<About />} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> ) )} /> ) }; export default App; 下面的代码不起作用 <Route> <Route path="/" element={<Outlet/>}> <Route index lazy={() => import("./Home")} /> <Route path="contact" lazy={() => import("./Contact")} /> <Route path="about" lazy={() => import("./About")} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> const Home= lazy(() => import("./screens/home")); const About= lazy(() => import("./screens/about")); <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Suspense fallback={<div>Loading...</div>}> <Home/> </Suspense> /> } /> <Route path="about" element={<Suspense fallback={<div>Loading...</div>}> <About/> </Suspense> /> } /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route>
目前，我在实现React Router v6（使用6.3.0）时遇到问题 假设我有如下所示的路由 const ParticipantRoutes = () => ( 目前，我在实现React Router v6（使用6.3.0）时遇到问题 假设我有如下所示的路由 const ParticipantRoutes = () => ( <ErrorBoundaryRoutes> <Route index element={<Participant />} /> <Route path="new" element={<ParticipantUpdate />} /> <Route path=":id"> <Route index element={<ParticipantDetail />} /> <Route path=":id"> <Route path="edit-invoice" element={<InvoiceUpdate />}/> </Route> <Route path="invoice" element={<ParticipantInvoiceUpdate />} /> <Route path="edit" element={<ParticipantUpdate />} /> <Route path="delete" element={<ParticipantDeleteDialog />} /> </Route> </ErrorBoundaryRoutes> ); 还有另一条路线，比如 const InvoiceRoutes = () => ( <ErrorBoundaryRoutes> <Route index element={<Invoice />} /> <Route path=":id"> <Route index element={<InvoiceDetail />} /> <Route path="delete" element={<InvoiceDeleteDialog />} /> <Route path="payment" element={<InvoicePaidDialog />} /> </Route> </ErrorBoundaryRoutes> ); 当我访问 URL 上定义的 ParticipantInvoiceUpdate 时，问题就出现了，比如 .../participant/*some-guid-participant*/*some-guid-participant-invoice*/edit-invoice 此页面具有向某些服务提交一些数据的行为，当接受服务器的响应时，我使用导航功能导航回 ParticipantDetail 元素。 navigate('/participant/${*some-guid-participant*}'); 但它不起作用，我尝试了一些东西，但似乎它只能导航到没有给出任何参数的元素。类似的东西 navigate('/participant'); 或 navigate('/invoice); 我也尝试过使用 generatePath 功能并将其与导航结合起来，但仍然没有成功 navigate(generatePath('/participant/:id',{id: participantId}), {replace:true}); 请帮助了解我是否遗漏了什么或误解了这个概念。 根据您的代码，路线：.../participant/*some-guid-participant*/*some-guid-participant-invoice*/edit-invoice 指组件 InvoiceUpdate 而不是 ParticipantInvoiceUpdate 此外，使用字符串格式时不要忘记将 ' 更改为 ` : navigate(`/participant/${some-guid-participant}`);
Quasar Vue Router 解析名为route的href
我正在尝试使用 vue router 构建 href 链接 我在routes.js中有以下内容 常量路由 = [ { 小路： ”/”， 组件：() => import("layouts/MainLayout.vue")...
vue-router useRouter 在构建库组件时不起作用
我正在构建一个 Vue3 npm 组件库，希望我可以使用 vue-router 的 useRouter 访问当前路由器，并且它将由导入我的任何 vue 应用程序自动提供
我有一个像这样的应用程序组件： 常量应用程序 = () => { 返回 （ 我有一个像这样的应用程序组件： const App = () => { return ( <Router> <Route exact path='/' component={Landing} /> <Route path='/login' component={Login} /> </Router> ) } 每个组件都有自己的目录和样式表。我的文件夹结构是这样的： src | | Landing| | | | Landing.js | Landing.module.css | | Login| | | | Login.js | Login.module.css | app.js index.js 我的问题是Login和Landing组件的样式表相互冲突，并且Landing页面看起来不太好。例如，登录的背景颜色适用于登陆页面，但我不希望这样。 我只在每个组件中导入 CSS 文件，如下所示： import styles from './Landing.module.css' 这是我如何使用样式变量的示例： return ( <div className={styles.navBar}> <Link to="/"> <img className={styles.logo} src="https://image.flaticon.com/icons/png/512/2039/2039175.png" /> </Link> {loggedIn && <div> <button onClick={logout}>log out</button> <Link className={styles.navItem} to="/users">get users</Link> </div> } {!loggedIn && <div> <Link className={styles.navItem} to="/login">log in</Link> <Link className={styles.navItem, styles.btn} to="/signup">signup</Link> </div> } </div> ) 即使它很旧，我也会回答谁在后面：发生这种情况的原因是你的CSS选择器很可能具有相同的特异性，因此是外观的顺序决定了应用哪种样式。 文件夹结构中的 Login 位于 Landing 之后，因此您的捆绑程序将使 Login 的样式出现在捆绑的 CSS 中的最后，然后它将覆盖 Landing 的样式。 这个问题有很多解决方案： 您可以增加您想要赢得的选择器的特异性（例如，通过在 CSS 文件中重复两次该类） 您可以降低想要丢失的选择器的特异性（例如使用 :where()） 如果您同意支持哪些浏览器（例如@layer），现在您可以使用级联层 等等...
Angular16 中的 Router parseUrl() 与 navigate()
我正在使用 authGuard 进行身份验证。我想知道这两个之间的区别 // 重定向到登录页面 return router.navigate(['/login']); return router.parseUrl('/login'); 在...
Symfony/VueJS 组件 // 导入 从“../hooks/getUser”导入 getUser； 从 'vue-router' 导入 { useRoute } // 增值服务 常量路由 = useRoute() 常量 { 用户 } = getUser(1) const 路线我...
开发工具错误 我目前正在尝试在我的 nuxt 3 项目中实现 PWA 功能，但我不断遇到这个问题：[Vue Router warn]: No match found for location with path "/icon_512x512...
从“react”导入React； 从“react-input-mask”导入InputMask； 从“./inputMask.module.scss”导入样式； 从“反应...
我使用 Vue router 4 创建了一个新的 Vue 3 应用程序。 当我通过 访问链接时，它会打开页面，但是当我直接打开链接时，它会显示未找到错误。 { 不是芙...
对于使用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-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（3.1.0）中虚拟化选项列表的预期方式是什么？ 有react-virtualized-select，但不再支持。谢谢。
`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。 在终端中，我得到： webpack 编译成功 但在 chrome 控制台中...
电流输出： 预期输出： 当前代码实施： 从“反应”导入反应 从 'react-native-svg-charts' 导入 { LineChart, XAxis, YAxis } 从 'react-native' 导入 { View, Text }
我有一个基于 Create React App 构建的 React 项目，我正在探索替代构建工具。有哪些推荐的方法或工具可以从 Create React App 迁移出来？有什么经历或
我在使用react-chartjs-2库和Chart.js在React组件中渲染饼图时遇到问题。图表的数据是从 API 获取的，图表预计
我知道我们可以在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； 导入
“使用客户端”； 从“react”导入 React, { useEffect, useState }; 从“framer-motion”导入{ AnimatePresence，运动}； 从“...
编译失败。 找不到模块：错误：无法解析“C:\Users\janan\OneDrive\Desktop\dukaan”中的“react-icons/ai” 伊什扬\sr
我之前在Flutter工作，现在切换到React Native，但是当我创建新的React Native项目时，kotlinversion和ndkversion会自动添加到项目中的build.gradle文件中。 嗬...
努力为使用 redux/sagas 的文件编写一些单元测试。 app.tsx 文件看起来像这样 从 'react' 导入 React, { StrictMode } 从'react-dom'导入ReactDOM 导入 { Provider } f...
我正在开发 React Native 应用程序，需要检索特定用例的设备的 IMEI 号码。 在 React Native 中是否有推荐且安全的方法来获取 IMEI 号码？