正如标题所述，我正在尝试映射对象数组以获取要在卡片中呈现的照片网址。只有当您填写评论表格时，卡片才会填充。我尝试了 faker js，但它会呈现空白图像，所以我认为对象数组可以解决问题，但我一直收到错误“对象作为 React 子项无效（找到：带有键 {id, img} 的对象）。如果您想要呈现子项集合，请改用数组。”我不太确定我做错了什么。请提供帮助，不胜感激。import { Card, Ima
2019-08-03
我正在使用 useNavigate 在组件之间传递数据。import { useNavigate } from "react-router-dom";function Categories() {const navigate = useNavigate();..onClick={() => navigate("/books", {state:{ name: categorie.name }})}然
2022-06-21
import { useSelector, useDispatch } from "react-redux";import { useEffect, useState } from "react";import request from "../../requests";import { fetchMovies } from "../../feautures/movies/moviesSlice"
2021-07-04
我尝试在 React Router 中发送参数并出现以下错误参考代码在我的 Route.js 中，我添加了 browserRouter 和 Routefunction AppRoute() {const classes = useStyles();return (<BrowserRouter><div className={classes.root}><div className='App-hea
2020-11-03
我尝试使用React Hooks重构我的代码，但我真的不明白如何使用 Hooks 通过 React Routers 将 props 传递给我的组件。旧的（正常）React 代码如下所示：App.jsimport React from 'react';import { withRouter } from "react-router-dom";import {Routes} from './route
2019-06-22
我尝试在成功登录后管理会话，同时在表单提交时重定向到某个页面。我通常会在类组件中执行此操作：componentDidMount() {if (context.token) {return <Redirect to="/" />}}但我想使用 React 钩子，因此；以下代码不会重定向到任何地方：import React, { useEffect } from "react";import Reac
2019-08-15
我正在学习 React js，我正在使用下面的数据代码来绑定从 API 接收的值。我正在使用MUI Datatable来绑定数据，一切正常。我的问题是当我运行 react js 应用程序时，它首先渲染空的 mui datatable 表，然后加载数据。有没有什么办法可以在主页加载时首先调用 api onpageload。function GetEmployeeList() {const [empL
2021-05-24
我有这个钩子，它在安装组件时请求数据，在卸载时清除给定实体的存储：export const useFetch = () => {const dispatch = useDispatch()const data = useSelector(entitySelector.data) // Selector which returns data from storeconst status = useS
2021-07-15
我正在尝试编写一个函数，将当前位置设置为刚刚单击的路线。但是，如您所见，它给出了我单击按钮时所在页面的网址，而不是按钮本身的路径页面。我应该用什么来代替window.location.pathname？const setLocation = () => {console.log(window.location.pathname);setCurrentLocation(window.location
2022-06-04
我是 React Native 和 Hooks 的新手。在我的项目中，我声明了两个状态属性，我想在函数中获取它们。但我没有从 Hooks 属性中获取值。在控制台中，它显示 [object object]const Login =()=> {const [username, setUserName] = React.useState('');const [password, setPassword]
2019-11-11
https://reactjs.org/docs/hooks-custom.html构建自己的 Hooks 可让您将组件逻辑提取到可重用的函数中。这就是我想要做的：将我的组件逻辑提取到其他组件的可重用函数中。我的功能组件：//Reactimport React from 'react';import { FlatList, View, Text, StyleSheet } from 'react-
2020-08-01
我对 JS 和 React 还很陌生。当我尝试让一个组件出现并在单击另一个组件时消失时，我收到此错误：无效的钩子调用这是我的代码：const RenderList = ({data}) => {return data.map((option, index) => {return <Item title={option}/>});};const Header = ({ title, style, p
2020-11-28
我正在尝试在我的应用中实现购物车。我创建了另一个文件，其中包含我想要调用的函数，但我一直收到无效的钩子调用。export function CartProvider(props) {const [items, setItems] = useState([]);function addItemToCart() {console.log("test")}return (<CartContext.Pro
2022-03-30
因此，我正在尝试创建一个函数，以便将登录信息发送到我的 API。我已经尝试了所有方法。但它一直停止 useSate 行（红色箭头所在的位置）。因此，看起来 useState 无法无缘无故地工作，因为之前的日志可以正常工作，如您在错误屏幕截图中看到的那样。请注意，先前导出的函数运行正常。而且我没有不匹配的反应版本。有什么想法吗？
2022-05-20
我想创建一组过滤器来暂停或播放我的视频。我的实现如下所示：const Player = () => {const playFilters = [useIsPageVisible(), useIsInViewport(videoElement)];const player = useInitPlayer();useEffect(() => {if (player) {if (playFilters.
2022-08-09