我尝试使用toLowerCase()方法在我的 React 应用程序中将搜索字段中的所有字符转换为小写，但出现错误typeError: Cannot read property 'toLowerCase' of undefined.onSearchChange = (event) => {const filteredRobots = this.state.robots.filter(robot =
2020-06-19
在输入字段中输入颜色名称后，当我提交表单时，出现错误：TypeError：无法读取未定义的属性“toLowerCase”（匿名函数）C：/Users/HP/Documents/WDB/React/Practice/colors-app/src/NewPaletteForm.js:117 114 | //to check -> is 'palette name' unique115 |
2021-08-10
我正在尝试在 React Modal 中执行 onClick 事件。当我触发 onClick 事件时，我希望它发出一个组件表单。onClick 事件似乎有效，但在呈现组件时，它会抛出以下错误。TypeError：无法读取未定义的属性（读取“toString”）这似乎来自组件表单中的以下行const page = parseInt(router.query.page.toString());我已将以
2021-12-28
我正在尝试设计一个组件，用户可以单击一个按钮，该按钮将触发 giphy API 调用，最终将呈现一系列 gif 图像。到目前为止，除了实际的图像渲染之外，我能够成功完成所有工作。这是我目前的代码：retrieveURLs() {*bunch of stuff to make API call and return an array of URLs relatedto the category of
2017-09-04
我按照这篇文章将图像导入未弹出的 create-react-app 以供 Webpack 使用：React 不会加载本地图像如果没有上述内容，则会引发错误。问题是，在映射函数中执行此操作时，它会崩溃：const ThumbNail = styled.img`border: 2px dotted blue;`;export default props => {const images = ['../
2019-02-27
正如标题所述，我正在尝试映射对象数组以获取要在卡片中呈现的照片网址。只有当您填写评论表格时，卡片才会填充。我尝试了 faker js，但它会呈现空白图像，所以我认为对象数组可以解决问题，但我一直收到错误“对象作为 React 子项无效（找到：带有键 {id, img} 的对象）。如果您想要呈现子项集合，请改用数组。”我不太确定我做错了什么。请提供帮助，不胜感激。import { Card, Ima
2019-08-03
尝试映射 gatsby 项目中文件夹中的图像。我根据我看过的指南以我认为可行的方式设置了查询。我没有收到任何错误，网站加载，但图像没有显示。有什么想法吗？谢谢！gatsby-config.js： plugins: [`gatsby-plugin-react-helmet`,`gatsby-transformer-sharp`,`gatsby-plugin-sharp`,{resolve: `ga
2020-02-09
我创建了此代码，使用来自 API 调用的图像呈现不同的卡片：import React from "react";import './IGPostCard.style.scss'export const PostCard = ({timelinePhotos}) => (<div className='postContainer'>{timelinePhotos.filter((item, idx)
2020-06-28
当我通过自定义钩子显示加载器组件，然后是地图列表从 API 获取图片列表时。问题 - 卡片项目图片显示时间不同。在此处输入图片描述自定义钩子：import { useState, useEffect } from "react";export default function useFetch(typeTabByPopular, tabListType) {const [list, setList
2020-11-27
我试图将一个对象从一组排列的图像映射到单独的产品页面上的图像库中（来自 strapi）。显示了正确数量的图像，但它重复了相同的图像。即使在产品页面上，也不应该在各自的数组中包含该图像。示例 -https://i.sstatic.net/3zRTu.jpg我检查了来源，图像 src 链接都是同一张图片的不同版本。 -https://i.sstatic.net/UEn1m.jpgGraphIQL -h
2021-01-07
卡片中除图像/替代文本之外的所有内容均正确呈现。data.js 包含卡片数据。我正在尝试使用 index.js 文件将卡片信息从 data.js 文件映射到 app.js这是我的 data.js 文件 import product1 from "../../Images/img2.jpg";export const productData=[{img : product1,alt : "Piz
2021-07-08
错误如下：除了我的图片之外，其他一切都显示正常。我使用的是保存在本地计算机中的图片，VC 编辑器控制台中没有出现任何错误。我在开发者工具控制台中收到错误。./card/index.jsximport React from 'react'const Card = (props) => {console.log(props);return (<div className="wrapperDiv"><i
2021-07-20
我有一张如下所示的地图我正在使用.map()尝试将它们生成为如下图像：{theLinks.map((item, indx) => (<img key={indx} src={item.src} alt={item.label} />))}没有返回任何内容，如果我弄乱它，我会得到一个没有有效来源且 alt 为“未知”的单个 img。
2022-06-05
存在一个问题，当使用react-router-dom4.0.0时，以下代码可以成功记录上下文，但当使用5.0.1时，会记录undefined。const { BrowserRouter, Route, Switch } = window.ReactRouterDOM;const PropTypes = window.PropTypes;class Main extends React.Compon
2019-08-28
我正在使用 System JS 动态添加 React 模块，效果很好！除非我尝试使用已加载模块中的 react-router 上下文。"react-router-dom": "6.0.0-beta.0"您可以在 React 组件资源管理器中看到，肯定有一个<Router>组件作为祖先。路由在主机应用程序中运行良好 - 仅当从动态加载的组件调用时才会中断。我是 React 新手，所以我可能对如何向深
2020-10-17