React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。
使用 startAfter 检索数据时从 firestore 得到相同的响应
if (startAfterDoc) { q = query(collection(db, 'listings'), orderBy("id","desc"), startAfter(startAfterDoc), limit(4)); 控制台.log(q) } 别的 { q = 查询(集合(db, 'li...
术语“npx”不被识别为 cmdlet、函数、脚本文件或可操作程序的名称。检查名称的拼写，或者如果包含路径，请验证路径是否正确并且...
我正在尝试制作这款记忆卡游戏。 它工作得很好，但底部的尝试却以一种奇怪的方式反作用。事实上，它有时会增加 1，有时会增加 2。 为什么会这样...
我面临的问题是，React 并未将 cookie 保存在站点的 cookie 存储中 我的 api 在 Flask 上运行并具有以下设置 # ------------- Flask 应用程序 ------------- 应用程序 = Flask(__name__,
react 路由器加载程序显示 localStorage 项为空
我有一个加载程序，每当用户打开我的页面时，它就会重定向到 /authroize 页面，这是我的加载程序的代码： 导出函数redirectLoader() { const data = localStorage.getItem("每...
我正在尝试设置一个微前端项目，React 将成为 Angular 远程应用程序的主机。 这是 React 和 Angular 的 webpack 配置： Angular（远程）webpack.config.js：...
我是 React 初学者，我只是想在我的网站上制作导航。所以我尝试使用 NavLink 作为导航链接，但这给我带来了这个错误： 无法解构“
有人可以帮我将这些 axios 请求转换为 fetch 请求吗？我在 axios 中传输令牌时遇到问题。我认为它可以在 fetch 中工作，但我在重写需求时遇到了麻烦...
我无法返回（获取）前面的“Authorization”标头/授权字段返回未定义 - React - Redux -
登录我的应用程序时，标头内的授权返回未定义 在此输入图像描述 但是，当在“网络”中的开发人员工具中检查时，令牌就在那里......
我在下面发送 CI/CD、dockerfile、next.config.js 和 pakcage.json。管道将成功通过，没有任何错误，项目将启动。但是，当在开发分支上时，它仍然使用....
ReactNativeAsyncStorage 在 Firebase 实现中未按预期工作
我正在 React Native 上进行 Firebase 身份验证的典型实现： // firebaseConfig.ts 从 'firebase/app' 导入 {initializeApp}； 从“火”导入{initializeAuth，getReactNativePersistence}
openAI 中不存在角色，Next.js 中找不到消息错误
我在 nextjs 中创建了一个项目，它是 chatgpt 的克隆，所以我使用了 openai api 密钥，但它在某些对象和消息中抛出错误，因为我无法使用一些最新的 openai 导入乐趣...
据我了解，我们所有的 React 应用程序的组件都使用相同的共享上下文 ChannelProvider 进行包装。它们都源于 据我了解，我们所有的 React 应用程序组件都包含相同的共享上下文ChannelProvider。它们都源于 <div id="root></div>...除了一个名为 Sidebar 的组件。 Sidebar 也被 ChannelProvider 包裹，但它似乎使用了一个单独的上下文..由于（我假设）是不同 React DOM 的一部分。您将在 LibraryService 的代码中看到原因。 对于我来说，能够在 channelId 和 ChannelProvider 中访问相同的 Map 状态（如我的 Sidebar 中所定义）非常重要。有什么方法可以让我实现这一目标吗？我正在研究门户网站，但不可否认我仍然非常不确定。 index.html： <!DOCTYPE html> <html lang="en"> <head> <title>My App</title> </head> <body> <noscript>You need to enable JavaScript to run this app.</noscript> <div id="root"></div> </body> </html> index.tsx： import ReactDOM from 'react-dom/client'; import App from './App'; import reportWebVitals from './reportWebVitals'; console.log('index initialise app'); const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement); root.render( <App /> ); reportWebVitals(); channel.context.tsx： import React, { createContext, useState, useContext, ReactNode } from 'react'; interface ChannelProviderProps { children: ReactNode; } const ChannelContext = createContext<{ channelId: string; setChannelId: React.Dispatch<React.SetStateAction<string>> } | null>(null); export const ChannelProvider = ({ children }: ChannelProviderProps) => { const [channelId, setChannelId] = useState<string>('Initial'); return <ChannelContext.Provider value={{ channelId, setChannelId }}>{children}</ChannelContext.Provider>; }; export function useChannel() { const context = useContext(ChannelContext); if (!context) { const errorMessage = `Existing context not found.\n useChannel must be used within a ChannelProvider`; throw new Error(errorMessage); } return context; }; app.tsx： import './App.css'; import { ChannelProvider } from './contexts/channel.context'; import MapRoutes from './routes/MapRoutes'; function App() { console.log('Dashboard App'); return ( <div className="App"> <ChannelProvider> <MapRoutes /> </ChannelProvider> </div> ); } export default App; maproutes.tsx： import { Navigate, BrowserRouter as Router, Route, Routes } from 'react-router-dom'; import Map from '../components/Map/Map'; import { tConfig, hConfig } from '../config/configuration'; function MapRoutes() { return ( <Router> <Routes> <Route path="/" element={<Navigate to="/t" />} /> <Route path="/t" element={<Map config={tConfig} />} /> <Route path="/h" element={<Map config={hConfig} />} /> </Routes> </Router> ); } export default MapRoutes; map.tsx（这是侧边栏面板的 div 所在的位置）： interface MapProps { config: Configuration; } function Map(props: MapProps) { return ( <div className="map"> <nav id="menu"></nav> <div id="sidebar-panel"></div> <div className="map-stats-bar"> <p> <b>Longitude</b> <span>{longitude.toFixed(4)}</span>{' '} </p> <p> <b>Latitude</b> <span>{latitude.toFixed(4)}</span> </p> <p> <b>Zoom</b> <span>{zoom}</span>{' '} </p> </div> <div id="version-watermark"></div> <div ref={mapContainer} className="map-container" /> </div> ); } export default Map; LibraryService.tsx： public displaySideBarPanel( content: CustomConfig, addSelectedLayer: boolean, statusList?: Map<string, Status> ) { const sidebarPanel = document.getElementById('sidebar-panel'); if (!this.map.current) return; const selectedLayer: SelectedLayer = { selectedLayerId: this.sourceId, selectedImage: this.selectedIcon, map: this.map.current }; const map: MutableRefObject<mapboxgl.Map | null> = this.map; if (sidebarPanel) { let sidebar; if (addSelectedLayer) { sidebar = ( <ChannelProvider> <SideBar config={content} selectedLayer={selectedLayer} statusList={statusList} map={map} isSidebarVisible={true} showMoreSettings={false} /> </ChannelProvider> ); } const rootElement = createRoot(sidebarPanel); rootElement.render(sidebar); } } 我知道createRoot等是这里的罪魁祸首。但是，如果某种跨上下文共享是可能的（门户网站是否相关，或者我是否浪费时间来研究它？）那就真的很好了。 如果它们都嵌套在一个上下文提供程序中，则 Sidebar 组件的上下文将被另一提供程序覆盖。如果它们都是同一上下文提供程序的子级，并且它们打算位于共享上下文中，请删除该包装器。 仔细一看，好像就是这个情况。您可能需要修改侧边栏组件，这样如果它是在初始渲染之外创建的，它就不会在第一次渲染时抛出错误（我不确定这是否会成为问题，当我们得到时，让我们跨过那座桥到它），但您当前正在使用内部上下文覆盖主上下文。
dangerouslySetInnerHTML 在 NextUI 中不起作用
我是 NextUI 和 React 的新手。我需要将 html 添加到文本区域中，因为我将添加一些突出显示的子字符串，但 html 被解释为纯文本。 下面是我当前的代码。我尝试使用
我可以将 Appollo GraphQl 与 Next14 一起使用吗？
我已经用 ApolloProvider 包装了现有的 Next.Js 14 代码，但它开始大量刷新并给出以下错误： 未处理的运行时错误 错误：上下文在此环境中不可用...
如您所知，默认情况下浏览器发送 GET 请求，服务器返回页面，但就我而言，我向远程服务器发出一些请求并需要获得一些响应，但服务器将我重定向回我的...
ReactJS，Vite 项目：“npm run build”在创建文件夹“dist”时始终缺少“assets”中的图像
我试图在 cPanel 上上传我的 ReactJS 项目，运行“npm run build”后，它创建了一个“dist”文件夹，我注意到我的图像文件不在生成的资产上...
如何在我们的React Native expo应用程序中添加Admob，其expo版本是50和51
我的package.json是 { “名称”：“admob”， “版本”：“1.0.0”， "main": "expo/AppEntry.js", “脚本”：{ “开始”...
没有重载与此调用匹配。重载 1 of 2, '(props: Props): ReactInputMask'，给出了以下错误。 类型“(inputProps: Props) => JSX.Element”不可分配给类型“ReactI18NextChi...
有没有办法从 ReactJS 的单个组件中删除 Tailwind 中的 @base 样式？
我正在尝试使用 Draft-js 渲染帖子创建的元素，它是一个原始 html。到目前为止，我只能使用 iframe 来做到这一点，但是，它看起来不太好，而使用angerouslySetInnerHTML 则可以......