error-handling 相关问题

在此输入图像描述 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement); 根.渲染（在此输入图片描述 const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement); root.render( <React.StrictMode> <ErrorBoundary fallback={<ErrorMessage />}> <Suspense fallback={<Loading />}> <App /> </Suspense> </ErrorBoundary> </React.StrictMode> ); import { QueryClient, QueryClientProvider } from '@tanstack/react-query'; import DogList from './components/Dog/DogLIst'; const queryClient = new QueryClient({ defaultOptions: { queries: { throwOnError: true, }, mutations: { throwOnError: true, }, }, }); function App() { return ( <QueryClientProvider client={queryClient}> <DogList /> </QueryClientProvider> ); } export default App; import { useSuspenseQuery } from '@tanstack/react-query'; import axios from 'axios'; type DogType = { id: string; url: string; width: number; height: number; }; const DogList = () => { const fetchDogList = async () => { const response = await axios.get('https://api.thecatapi.com/v0/images/search?limit=10'); return response.data; }; const { data: list } = useSuspenseQuery<DogType[]>({ queryKey: ['doglist'], queryFn: fetchDogList, retry: 0, }); return ( <div style={{ margin: '3rem auto', textAlign: 'center' }}> {list && list.map((item) => ( <div key={item.id}> <img src={item.url} alt={item.id} width="300px" height="300px" /> </div> ))} </div> ); }; export default DogList; 我故意在 DogList 组件中生成 api 错误。然后，由于 App 组件被包装在 ErrorBoundary 中，因此应该显示回退，但会出现运行时错误，如下所示。也许它没有检测到运行时错误如何全局处理错误？您可能必须将 <QueryClientProvider client={queryClient}> 放在树中比边界和悬念更高的位置。

error-handling react-query react-error-boundary

回答 1 投票 0

(m/regexp/) 或 {多个;命令；后;或者; }

我非常喜欢这个语法： try_something() 或警告“不能这样做”；如何在 or 之后添加更多命令？例如，它在这段代码中很有用： foreach（@数组） { m/regex/ 或 {警告“...

regex perl error-handling

回答 3 投票 0

表单字段元素应具有 id 或 name 属性

以下是我的代码。以下是我的代码。 <TextInput label="Password" placeholder="Enter your password" password={true} //password passed to enable view password option value={password} handelChange={(e) => setPassword(e.target.value)} /> 我收到以下错误消息；表单字段元素既没有 id 也没有 name 属性。这可能会阻止浏览器正确自动填写表单。要解决此问题，请将唯一的 ID 或名称属性添加到表单字段。这不是严格需要的，但即使您在同一元素上有自动完成属性，仍然建议这样做。我尝试了以下方法，但它仍然给我一个错误； <label htmlFor="password">Password</label> <TextInput id="password" label="Password" placeholder="Enter your password" password={true} value={password} onChange={(e) => setPassword(e.target.value)} /> 该问题与缺少 ID 和名称属性的表单字段有关，这可能会阻止浏览器正确自动填写表单。如何解决这个问题是为你的表单元素添加一个 id 或名称，我假设你的 TextInput 组件有它们。您不应通过 TextInput 组件传递此 ID 或名称，您应该编辑 TextInput 组件返回的表单元素。我的建议是使用这种语法： <form> <input type="text" name="input-text1" /> <input type="text" name="input-text2" /> <input type="submit" name="input-submit" /> </form>

reactjs input error-handling label textformfield

回答 1 投票 0

Qt 中的“未实现的代码”错误消息？

有人在 Qt 中见过“未实现的代码”错误吗？我正在尝试使用以下代码在 Qt 中打开 pkcs12 文件： QByteArray 密码=“1234”； QString f =“/Users/test/Desktop/certs/new.pf...

c++ qt error-handling

回答 1 投票 0

如何在使用`anyhow`时跟踪错误

无论如何，当使用 crate 时，错误可以方便地冒泡到应用程序的根目录，并在那里进行处理。然而有时候，我想知道错误发生在哪里，却找不到方法......

rust error-handling

回答 2 投票 0

为什么 git 不允许我克隆这个存储库？

当我尝试克隆时，Git 给了我这个。 $ git clone --深度 1 "https://github.com/Ajat-Tools/kitsunekko-mirror.git" 克隆到“kitsunekko-mirror”... 远程：枚举对象：10...