开发者问题收集
请有人帮忙。我已梳理了所有文档,检查了所有类似的问题,但真的找不到我遗漏的内容。我是 React 的新手,正在尝试映射从 Firebase 数据库的异步调用返回的文档。这是代码:class Posts extends React.Component {constructor(props) {super(props);this.state = {data: [],};}componentDidMou
我正在尝试使用 Jest 测试我的组件。我相信我已经安装了运行测试所需的所有模块。我做的最后一件事是运行yarn add -D babel-plugin-transform-es2015-modules-commonjs。这是我尝试进行简单 Jest 测试时的代码:import React, { Component } from 'react';import { shallow } from 'e
useEffect(() => {const generateToken = async() => {try {const token = await commerce.checkout.generateToken(cart.id, {type: 'cart'});setCheckoutToken(token);} catch (error) {history.pushState('/');}}g
我在 React.Component 子类中有以下代码class SearchObject extends React.Component {constructor(props) {super(props)var activateCanvas = <canvas></canvas>var activateDraw = () => {let ctx = activateCanvas.getConte
刚接触 react,尝试使用 react 将 props 传递到组件。但在 Track.js 中接收{this.props.name} 时,结果为undefined。在 Track.js 渲染方法中尝试使用{this.props.track.name} 时,结果为TypeError: Cannot read property 'name' of undefined。它应该渲染这些曲目:
我正在从 API 中获取数据并将其显示在我的网站前端{/*fetching the the data from an API*/}function searchArtistes() {const options = {method: "GET",headers: {"X-RapidAPI-Key": "86f453f970msh48154777add2da0p1e185cjsn969596f1a3
我一直在尝试使用 React 的状态向带有类选项的 div 添加新类。请注意,我是 React 的初学者。这是我的代码。handleClick() 在构造函数类之后声明。包含 bind(this) 以避免丢失 this 指向的位置。我想了解为什么我仍然收到类型错误,并显示消息“handleClick”未定义。import React, { Component } from 'react';impo
我尝试在字符串数组上使用 map 来获取以标题开头的多个段落,但所有字符串都出现在同一个段落标记中。我期望<h3> Header 1 </h3><p> String 1 </p><h3> Header 2 </h3><p> String 2 </p>,但得到的是<h3> Header 1 </h3><p> String 1String 2 </p><h3> Header 2 </h3>传入列表似
我想检查 React JavaScript 中的空数组。但是当我使用问号检查它是否未定义时,React 就会崩溃。我正在使用类似这样的方法:const [verlist, setverlist] = useState([]);在useEffect钩子中,我使用setverlist(response.versions.version)。这里versions是对象。其中version是一个对象数组。但
存在以下问题。我的页面上有 6 个 div,其中可能包含也可能不包含图像。假设我的数组中有 3 张图片,这些图片应该显示在 div 中,其余 3 个元素应该是一个 div(例如,带有背景)我大致解决了它,但如果在数组中找不到此元素,则应用程序崩溃。崩溃是因为缺少某个元素。在控制台中,出现 sixb[3] 未定义的错误。项目显示<div className='blocksix all'><img s
我正在学习 React JS 课程。我想使用props和toLocaleString方法呈现日期和星期。但应用程序崩溃了。这是我的代码 function ExpenseDate(props) {const month = props.date.toLocaleString("en-US", { month: "long" });const day = props.date.toLocaleStri
这是我第一次使用 Javascript/React JS 编写代码,所以我不确定这里出了什么问题。getLicensees() 向我的 API 发送 GET 请求并返回所有被许可人。到目前为止,此方法有效,控制台日志也正常工作并打印正确的值。constructor(props) {super(props);this.state = {licensees: []};let licenseeRespo