标签[reactjs] 第3页 - 堆栈内存溢出

[英]How do I Filter react data using a button not the search input

我正在尝试根据存储在 NodeJs 中的类别过滤 React 中的产品。使用输入的搜索正常工作，但是当我尝试使用按钮过滤它们时，它只过滤第一个按钮（例如：Tart），一旦我点击另一个按钮，所有产品都会消失，直到我刷新页。我已经试了两天了，我想不通。获取数据在此处输入图像描述输入过滤器和按钮过滤 ...

如何使用 zod 验证字符串文字类型

[英]How to validate a string literal type using zod

我有这种类型我想在 zod 中验证这个文字字符串类型。目前，我有 is 作为一个字符串，但错误的是不是一个字符串。我不知道该放什么。到目前为止，我已经尝试过枚举、字符串和对象。我找不到正确的答案。 ...

remix run - 如何重新加载通过一个组件加载的所有子组件<outlet />

[英]remix run - how to reload all child components of a component loaded through an <Outlet/>

我有一个通过它的父组件加载的组件。该组件呈现其自己的组件 - ActionsBar 和 Collection。当 URL 发生变化并且 Outlet 被重新渲染时——我的假设是组件中的所有内容都会被重新渲染，但是它似乎只在子组件发生变化时才重新渲染它们。在上面的代码片段中，当 outlet 在 ...

Zustand 选择器 function 在 state 更新时未触发

[英]Zustand selector function not firing when state updates

所以我有两家 Zustand 商店。一个存储配置信息，例如当前正在以模式查看哪个用户： ..另一个存储其他应用程序数据：在我的 React 组件中，我调用了一个 API 来获取用户并填充userPermissions并自动选择列表中的第一个用户。问题是，无论何时更新userPermissio ...

是否可以在输入 slider 中获取滑块拇指的引用？

[英]Is it possible to get a ref of the slider-thumb in input slider?

我想应用工具提示来显示 slider 范围内的拇指值。我知道有一种方法可以计算 position 等，但我有一个预构建的工具提示组件，可以获取 ref 并将其显示在 position。如果我得到输入参考，工具提示不会随着拇指移动而只是停留在中间的位置。有没有办法专门检索拇指的参考？尝试获取 ...

未捕获的错误：MUI：数据网格组件要求所有行都具有唯一的“id”属性

[英]Uncaught Error: MUI: The data grid component requires all rows to have a unique `id` property

这是组件：export const GradeTable = (props: GradeTableProps) => { console.log('GradeTable'); console.log(props.rows); return ( <div style={ ...

如果 babel 知道如何有效地构建并从项目中删除多余的内容，为什么我们需要依赖项和 devDependencies？

[英]Why do we need dependencies and devDependencies if babel knows how to build efficiently and remove excess from the project?

我读过很多文章说在 dependencies 块中指定的依赖项被添加到构建中，没有它们项目将无法启动。我这样做了，绝对将 webpack 中的所有依赖项转移到 devDependencies 块并组装程序集并启动项目。它开始很好，我得出的结论是，在 devDependencies 或 depe ...

如何 stream instagram 故事下载器链接？

[英]How to stream instagram story downloader link?

我已经使用 package 来获取 Instagram 故事的下载链接，它运行良好。链接即时得到它的关注如果您在浏览器中打开此链接，视频将运行，但是当我在视频或任何 React Package 等标签中使用它时，它不起作用，如果您能提供帮助，我将非常感激 ...

react 和 vue 项目用更少的文件？

[英]react and vue projects with less files?

这听起来像是一个奇怪的问题，但我来自 emacs，xterm 背景，我习惯于处理几个文件并完全控制我正在做的事情。现在，我将学习 React 和 Vue，但是当我检查为项目生成的文件数量时： npx create-react-app vue create app 然后它为 react 添加 36 ...

如何使用 react-router 使用 useLoaderData() 更新获取？

[英]how to update fetch with useLoaderData() using react-router?

我想在提交表单后更新 useLoaderData() 的数据。就我而言： <Route index element={<CoutriesList />} loader={countriesLoader} /> 在 CountriesList 元素上： const coun ...

刚从 firestore expo 获取一个字段 react native

[英]Just getting one field from firestore expo react native

我正在尝试使用以下代码从 Firestore 检索数据，但我只得到一个结果。当我删除那个文档时，我得到了具有相同查询的另一个文档。我不知道还能做什么。 ...

根据条件渲染不同的组件

[英]Render different component based on condition

我正在尝试根据条件渲染组件。如果pathName不是"home"或"person"我想返回<LinkGridLayout />否则不要返回任何东西。 ...

如何将文件作为有效负载发送到 Node.js 中的 API 请求？

[英]How can i send a file as a payload to a API Request in Node.js?

我想发送一个文件作为有效负载，该文件已存储在 state 变量中，现在想将其设置为我的 API 请求的有效负载。在下面的代码中，我这样做：用户在<input type="file" name="file" onChange={changeHandler} class="custom-fi ...

访问 XMLHttpRequest 已被 CORS 阻止，即使 CORS 在后端设置

[英]Access to XMLHttpRequest has been blocked by CORS even though CORS set up in backend

我有一个 flask 后端和一个 React 前端。我正在尝试向我的后端发出 POST 请求，但出现错误：这是我的 flask 代码：这是我来自前端的 axios 请求： ...

如何获取数组中每个 object 的编号 using.map | 反应

[英]How do I get the number of each object in a array using .map | React

我试图获取数组中每个 object 的编号，然后我试图将它添加到我的 jsx 代码中以显示它是什么我正在从这个文件 tableData.js 中提取数据表.js 我尝试添加一个从 0 开始并在每次添加行时添加 1 的变量，但它不起作用（我是初学者所以我的策略可能很糟糕） ...

如何在服务器端挂起组件但在客户端呈现它？

[英]How can I suspend component on the server side but render it on the client side?

有没有办法让组件在服务器端保持暂停状态，并使用 React 18 在客户端渲染它？我尝试使用这种模式https://beta.reactjs.org/reference/react/Suspense#providing-a-fallback-for-server-errors-and-serve ...

在 useEffect 中运行 useReadCypher

[英]Run useReadCypher inside useEffect

我正在编写 React 功能组件，应该输入以在 Neo4j 上进行搜索。我依赖于 useReadCypher 并且无法更改它的内部实现。我不能在 useEffect 中编写 useReadCypher，因为它违反了钩子规则。我希望能够单击按钮以使用 useReadCypher 重新运行查询。 ...

使用 React Router 访问嵌套导航时如何保持导航处于活动状态？

[英]How to keep the navigation active when accessing nesting navigation with React Router?

有没有一种方法可以导航到嵌套路线并保持主导航处于活动状态？例如，这是主导航http://localhost:3000/#/tractian/assets-list并且我从React Router获得了一个active class ：但是，如果我导航到嵌套路线，则 class 将被删除： ht ...

在 React Redux 中使用数组 TypeScript

[英]Working with Array TypeScript in React Redux

在 react-redux 中： API 文件，从数据库返回数据：切片文件，调用异步 function 并将有效负载设置为 varibale- 练习：在带有箭头的行，我在控制台调试器 (f12) 中得到了这个：我如何访问其中的数据？ ...

使用 Axios 连接到后端服务器时，我会收到以下错误“请求失败，状态代码为 404”

[英]When connecting to a backend server using Axios I'll get the following error "Request failed with status code 404"

所以我正在使用 React 制作一个 Web 应用程序。所以我创建了一个登录/注册 function 以允许用户注册或登录他们的帐户。我使用了一个快速服务器将 http 请求发送到 MYSQL 数据库，我还创建了两个端点到“/register”或“/login”。对于我的前端，我已使用 Ax ...