React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。
开发Chrome扩展时，Chrome React Devtools不显示
我正在调试我的chrome扩展弹出页面，并在uri中打开它： chrome-extension://kekhfjbmbpmlgpfljclblgbjchoencn/popup.html 该页面使用的是reactjs，但是react devtools没有显示...
useState 不起作用。虽然我在另一个组件中做了同样的事情，但一切都很好。 第 7:31 行：在函数“categories”中调用 React Hook“useState”，该函数既不是
const TestApp = () => { const [速度，设置速度] = useState(1); 常量增量速度 = () => { console.log(速度, `速度`); // 总是控制台1，我怎样才能获得新的状态？
当我在本地服务器中部署应用程序时，它运行良好。但与此同时，当我尝试将其部署到 github 分支时，它显示了一些错误。 我尝试将它部署在 github 中并制作我的
按照第 23 行的承诺获得输出 我正在尝试使用 usereducer 来获取数据，其中的调度程序函数在 useeffect hook 内被调用。但是我得到的输出是承诺要做什么？ 让
使用 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 代码，但它开始大量刷新并给出以下错误： 未处理的运行时错误 错误：上下文在此环境中不可用...