我试图从后端显示一些条目。如果我通过 Postman 传递数据,数据会完美地传递到数据库。但是,我无法在前端显示它们。这是我的代码export default function EntriesDisplay() {const [entry,setEntry] = useState([]);const [update, setUpdate] = useState(false);useEffect(f
2021-12-16
我正在尝试在 React 中使用 Hooks,但我对 useState 和 References 有疑问。我的问题是我想在我的 jsx 中创建多个引用,但我不知道如何像数组一样使用 usestate,以及在 usestate 数据的插入中。import React, { useState, useEffect } from "react";import { Row, Col, Image, Lis
2019-09-08
const [News, setNews] = useState([]);useEffect(() => {async function fetchData() {const result = await database.collection('newslatters').get();result.docs.forEach(doc =>setNews([...News, { id: do
2019-09-30
我将数组“默认值”传递到面板组件中,然后尝试将状态钩子“选定选项”设置为等于该值。由于某种原因,钩子反而设置了一个空数组。组件:const Panel = ({ title, inputs, datepicker, identifiers, apiBase, isins, defaults = [], notes = "" }) => {const [expand, setExpand] = us
2020-02-17
我正在制作待办事项清单。我希望在勾选复选框时,列表项会变成划线。因此,我尝试创建一个名为 markComplete 的 const。我通过将我的道具从组件“TodoItem”发送到“Todos”再发送到“App”来利用组件钻取。问题:在 markComplete 中,我尝试访问this,因为我想更改我选中的列表项的状态。但是因为我在这个项目中使用了 Hooks + 我是新手,所以我很难找到解决错误
2020-04-30
在 React 中尝试将两个数组加在一起时,我遇到了一些奇怪的行为。每个数组块的长度为 50 个项目。我的列表从未超过 50 个。我尝试过使用扩展运算符和 concat 方法,有和没有包装函数。什么都没用setWordList(wordList => wordList.concat(msg))setWordList(wordList => [...wordList, msg])setWordLis
2020-07-13
我正在制作一个评论组件,其中我从本地存储的 json 文件中获取数据。我将数据导入变量data中,并将其相应字段设置为我的状态值。但是当我通过上下文传递数据时,它说数据未定义。data.json{"currentUser": {"image": {"png": "./images/avatars/image-juliusomo.png","webp": "./images/avatars/imag
2022-01-30
我得到了“TypeError:无法读取未定义的属性(读取‘map’)”,即使 useState() 是用数组初始化的。该错误只发生在一个组件中。我认为其他组件也以相同的方式使用 useState 和 useEffect,因此不会出现此错误。import { useState, useEffect } from "react/cjs/react.development";import * as co
2022-03-04
我正在实现分页,其中我有一个 useState 变量,我会随着页码的变化而更改该变量,下面是我使用两个 useEffects 来调用 pagenumber 和 pagenumber+1 的数据来检查它是否抛出 404 的代码,这样我就知道什么时候停止显示下一个按钮。useEffect(() => {async function fetchData() {try {const baseUrl = '
2022-03-28
我正在尝试将 .json 文件中的图像加载到我的组件中,但图像无法加载。有人似乎已经解决了这个问题,但我不知道他在“分支”方面所说的是什么"Bumper": [{"id": 1,"productSquareId": "BumperStubby","productImage": "bumper","companyImage": "logo.png","price": "$55.99"},const
2018-06-19
我有一个 create react 应用。我正在发出 AJAX 请求,并收到如下所示的 JSON。{id: "b2", title: "Huang's World", episodes: 12, product_image_url: "/images/huangsworld.jpg">在我的 create react 应用中,我有一个包含所有相应图像的图像文件夹,我想根据 product_url
2018-09-17
我有一个包含图像源的 JSON 文件。我试图显示图像,但似乎没有显示。控制台或浏览器中没有出现任何错误。JSON 文件:[{"PageLink": "/casestudy/text-healthcare","title": "text healthcare website","id": "text-healthcare","imgSrc": "../assets/work/text-hp.png"
2019-03-19
我正在用 React.js 开发一个小网站/作品集,在显示存储在 json 文件中的图像时遇到了一些问题。控制台显示了文件,但我们无法在浏览器中看到图像!有人可以帮我一下吗?这是我的 json 文件:export const GaleriesData = [{id: 1,tableaux: [“../assets/img/galeries/aformaimediata/aformaimediata
2021-05-17
我尝试从 .json 文件加载图像,但图像无法加载。仅加载了文本和数字function App() {const playerDetails = playerInfo.map(data =><li>{data.img}</li>)return (<div className="App"><img src={playerDetails} alt=""></img></div>);}export de
// JSON File{"project": [{"id": "0","title": "Old Portfolio","images" :{"main": "portfolio.png","second": ""},"content": ["This is one of my first few projects I made as a beginner", "At this project,
2021-10-09