开发者问题收集
我找不到为什么我不能将数据传递给 props在 index.js 的 Home 组件中将 props 数据传递给 PostCard 组件。PostCard 使用此来设置属性值。但是发生了错误。TypeError: Cannot read property 'nickname' of undefinedPostCard./components/PostCard.js:1916 | extra={<
我正在尝试渲染轮播。我无法传递状态数据SliderArr以使其在Slider.tsx中渲染如何将数据从一个组件传递到另一个组件?请提供意见 :)Main.tsx//some codes abovepublic render(): React.ReactElement<IAProps> {return (<div className={styles.container}><Slider>{this.
我正在尝试弄清楚如何将一些状态值传递给另一个 React 组件。现在我的方法可以正常工作,但看起来很混乱。因此,我像这样定义 DungeonDetails:const DungeonDetails = ({ children }) => (ReactDOM.createPortal(<div id="portal_DungeonDetails">{children}</div>,document.
我试图使组件中的用户个人资料可编辑。现在,当用户单击“编辑”时,个人资料将被替换为一个表单,该表单具有他们输入的默认值。但是,如果他们只更新一个字段,其他字段将被重写为空白值,而不是将默认值传递给状态。有没有办法将默认值传递给状态?我也试过 value={},但值根本没有改变。我试图避免为每个输入设置一个“编辑”按钮。class AccountEditor extends Component {c
我一直试图在 div 元素上实现悬停效果,就像这个 codesandbox 中一样:https://codesandbox.io/s/XopkqJ5oV我想要执行此操作的组件是一个可重复使用的组件,在同一页面上多次使用。我想这就是我无法让它工作的原因。我错过了什么?即使使用上述代码也无法在我的应用程序中工作。编辑:感谢您的回复。我发现了这个问题:我没有让ShouldComponentUpdate知
我的产品组件中有此代码,用于将收到的道具分配给状态当我创建新产品并通过更改产品列表的状态将其呈现在父级上并因此重新加载产品时,不会分配此状态,即使对于现有对象,颜色和尺寸也不会出现,除非您先加载页面然后刷新它。实现如下:1)它们在产品类的状态中定义 this.state = {colorsPicked: [],newProductSizes: []};2)它们作为道具传递到组件的父类中,如下所示:
我有一个登录组件,该组件已简化为以下定义,以确保629114969预期的功能是,当我单击“注册”按钮时,它会显示一个警报。通知我输入输入的用户名。 当前,当我输入一些文本并单击“注册”按钮时,应用程序崩溃了,并告诉我我尚未定义logincomponent的状态:und offfict typeError:无法读取未定义的的属性'状态'。 我觉得我已经定义了构造函数中的状态...是否有构造函数不会被
正在开发我的 React 技能,构建一个卡片匹配游戏。一共有 16 张卡片,你每次翻转 2 张。如果匹配,它们会保持翻转状态并显示正面,如果不匹配,它们会翻转回来显示卡片的背面。这个项目还没有完成,需要一步一步地完成。我已经使用 JSX 图像中对状态的动态引用添加了卡片背面(初始状态)(在 render->return 中)。它们按预期面朝下加载。onClick 正确地从事件中获取了 id,并且我
尝试将状态作为参数传递给组件时出现错误我已经提供了 console.log 并且我的状态正在从 api 获取响应import React, { Component } from 'react';import api from '../../services/api';import Products from '../Products';export default class index exte
我创建了以下 reactComponent。据我所知,useState([]); 应该将 comments 变量设置为数组。但事实并非如此。我尝试在对象上运行 .map() 时出现异常。我必须执行 Object.values(comments) 才能使其工作,但我不明白为什么。我的 api 明确返回一个评论对象数组。import React, { useState, useEffect } fro
我正在使用 React 版本“17.0.1”,当我尝试从 props 初始化组件状态时,它不起作用,只是用未定义初始化状态。以下示例将说明我的问题。组件Two class Two extends React.Component {state = {name: this.props.option.name}render(){console.log(this.state.name)return
在遵循https://reactjs.org/tutorial/tutorial.html上的基本 React 教程时,我遇到了错误TypeError:无法读取 null 的属性“history”经过一些调试后,将错误定位为无法通过其他方法访问的state。在 index.js 中constructor(props) {super(props);var state = {history: [{sq
我正在尝试创建一个高级正则表达式搜索应用程序,以便我搜索某些内容并将其替换到其他行中,但我正在努力完成一项更简单的任务:无法删除规则,因为rules状态似乎为空:export default function App() {const [displayNewRule, setDisplayNewRule] = useState(false);const [replaceType, setRepla
我是 React Native 的新手,我正在努力从 Firebase 获取列表。但我无法为对象提供路径。我不知道如何为图中所示的事件 ID 提供路径。以下是我想要提供正确路径的代码。任何帮助都将不胜感激。firebase.database().ref('/events').child('/friends').once('value').then((snapshot) =>{let data =
我是 ReactJS 的新手,正在构建一个费用应用程序。我有一个 Redux 商店来存储费用。我已连接 Firebase 数据库,现在正尝试添加 Firebase 提供的 Google 身份验证。这是我从 firebase.js 获得的 firebase 代码import * as firebase from 'firebase';const firebaseConfig = {apiKey: p