reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。

如何在react中拆分大型json fetch

有一个关于从reactjs应用程序获取大型json数据的最佳实践的问题。假设我们有 fetch url foo.com 并且我们还有 from、to 变量，例如 0 到 6 或我们放在那里的任何内容...

json reactjs performance fetch

回答 1 投票 0

使用默认模拟时，模拟函数的调用未正确注册

我遇到的问题是模拟函数（来自 jest.fn()）被调用，但该调用未正确注册。我找到了其他人。当他们忘记等待异步时遇到同样的问题

reactjs jestjs mocking react-testing-library

回答 1 投票 0

即使我使用route.ts，获取 Next.js 14 API 路由也会抛出 404 错误

我正在使用 Next.js 14.2.3 并尝试从 chat.tsx 组件中获取 /api/tmp API 路由，但即使我使用route.ts，也会抛出错误 404。为什么？编辑：是因为 chat.tsx 是客户端吗

reactjs typescript next.js next.js14

回答 1 投票 0

Next js 官方教程 - 第 15 章身份验证 - 成功登录时不需要的整页重新加载

我正在根据本教程构建一个网站：https://nextjs.org/learn/dashboard-app/ 在本教程的这一部分：https://nextjs.org/learn/dashboard-app/adding-authentication#protecting-your-rou...

reactjs next.js next-auth

回答 1 投票 0

故障排除错误：无法读取未定义的属性（读取“数据”） - 如何在堆栈实现中处理未定义的数据？

在映射从 API 获取响应表单时出现错误“无法读取未定义的属性（读取‘数据’）”。尝试使用“?”来解决检查和避免空值的问题例如：- 在映射从 API 获取响应表单时出现错误“无法读取未定义的属性（读取“数据”）”。尝试使用'?'来解决检查和避免null的问题例如：- <div className="products-container"> {!innerPage && <div className="heading"> {title} </div>} <div className="products"> {products?.data?.map((item) => ( <Product key={item.id} id={item.id} data={item.attributes} /> ))} </div> </div> 解决了此特定“产品”组件的问题，但在传递其他“产品”组件的“数据”属性时，再次出现相同的“无法读取未定义的属性（读取“数据”）” 获取过程：- api.js:- import axios from 'axios'; const params = { headers: { Authorization: "bearer " + process.env.REACT_APP_STRIPE_APP_KEY, }, }; export const fetchData = async (url) => { try { const { data } = await axios.get(process.env.REACT_APP_URL + url, params); return data; } catch (error) { console.log(error); return error; } } context.js：- import { createContext, useState } from "react"; export const Context = createContext(); const AppContext = ({ children }) => { const [categories, setCategories] = useState(); const [products, setProducts] = useState(); return ( <> <Context.Provider value={{ categories, setCategories, products, setProducts, }}> {children} </Context.Provider> </> ) } home.js：- import { fetchData } from "../../utils/api"; import { Context } from "../../utils/Context"; const Home = () => { const { categories, setCategories, products, setProducts, } = useContext(Context); useEffect(() => { getProducts(); getCategories(); }, []) const getCategories = () => { fetchData("/api/categories?populate=*").then((res) => { console.log(res) setCategories(res) } ); } const getProducts = () => { fetchData("/api/products?populate=*").then((res) => { console.log(res) setProducts(res) } ); } return ( <div> <Banner /> <div className="main"> <div className="layout"> <Category categories={categories} /> <Products products={products} title="Popular Products" /> </div> </div> </div> ); }; 产品.js：- const Products = ({ innerPage, title, products }) => { return ( <div className="products-container"> {!innerPage && <div className="heading"> {title} </div>} <div className="products"> {products?.data?.map((item) => ( <Product key={item.id} id={item.id} data={item.attributes} /> ))} </div> </div> ); }; 产品.js：- const Product = (id, data) => { return ( <div className="product-card"> <div className="thumbnail"> <img src={process.env.REACT_APP_URL + data.img.data[0].attributes.url} alt="product" /> </div> <div className="details"> <span className="name">{data.title}</span> <span className="price">₹{data.price}</span> </div> </div> ); }; 您没有在 Product.js 组件中正确接收道具。它们应该被解构并且不能像函数参数一样被访问。选项1： const Product = ({id, data}) => { return ( <div className="product-card"> .... </div> ); }; 选项2： const Product = (props) => { const {id, data} = props; // or use props.id and props.data return ( <div className="product-card"> .... </div> ); };

reactjs axios runtime-error fetch-api

回答 1 投票 0

使用变体时，Framer Motion 会覆盖内联样式。有没有办法让它保留使用 style 属性设置的属性？

我有一个项目，使用 Framer Motion 在父元素和一些使用 whileInView 和 staggerChildren 的元素中设置动画。我正在使用 Tailwind CSS 来设置这些元素的样式，但我需要动态...

reactjs tailwind-css framer-motion

回答 1 投票 0

如何在 React Native Expo 中禁用详细日志记录？

反应本机：0.72.5 世博会：49.0.10 使用 iOS 模拟器我在没有提示的情况下看到了数百条日志，并且对于我按下的每个小 UI 按钮或滚动列表视图。这非常烦人，因为...

ios reactjs react-native expo

回答 1 投票 0

AWS-sdk 导致 React Vite Web 应用程序中出现构建错误“Uncaught TypeError：e 不是构造函数”

我构建了我的 vite React 项目并将其放在 AWS S3 上来托管它，但是当我转到托管我的应用程序的链接时，我收到一条错误消息“Uncaught TypeError：e 不是构造函数”。我是