React中数组的操作
在React中，数组的操作是指对数组进行增删改查等操作的过程。React提供了一些常用的方法和技巧来处理数组。
- 数组的创建和初始化：
- 可以使用数组字面量来创建一个空数组：
let arr = []; - 可以使用数组字面量来创建一个包含初始值的数组：
let arr = [1, 2, 3]; - 可以使用Array构造函数来创建一个空数组：
let arr = new Array(); - 可以使用Array构造函数来创建一个指定长度的数组：
let arr = new Array(5);
- 可以使用数组字面量来创建一个空数组：
- 数组的访问和遍历：
- 可以使用索引来访问数组中的元素：
let element = arr[index]; - 可以使用for循环来遍历数组：
for (let i = 0; i < arr.length; i++) { ... } - 可以使用forEach方法来遍历数组：
arr.forEach((element, index) => { ... });
- 可以使用索引来访问数组中的元素：
- 数组的增加和删除：
- 可以使用push方法向数组末尾添加一个或多个元素：
arr.push(element1, element2, ...); - 可以使用pop方法从数组末尾删除一个元素：
arr.pop(); - 可以使用unshift方法向数组开头添加一个或多个元素：
arr.unshift(element1, element2, ...); - 可以使用shift方法从数组开头删除一个元素：
arr.shift(); - 可以使用splice方法在指定位置插入或删除元素：
arr.splice(index, deleteCount, element1, element2, ...);
- 可以使用push方法向数组末尾添加一个或多个元素：
- 数组的修改：
- 可以直接通过索引修改数组中的元素：
arr[index] = newValue;
- 可以直接通过索引修改数组中的元素：
- 数组的查询：
- 可以使用indexOf方法查找指定元素在数组中的索引：
let index = arr.indexOf(element); - 可以使用find方法根据条件查找数组中的元素：
let element = arr.find((element) => condition); - 可以使用filter方法根据条件过滤数组中的元素：
let filteredArray = arr.filter((element) => condition);
- 可以使用indexOf方法查找指定元素在数组中的索引：
- 数组的排序和反转：
- 可以使用sort方法对数组进行排序：
arr.sort(); - 可以使用reverse方法对数组进行反转：
arr.reverse();
- 可以使用sort方法对数组进行排序：
- 数组的其他常用操作：
- 可以使用concat方法将多个数组合并成一个新数组：
let newArray = arr1.concat(arr2, arr3, ...); - 可以使用slice方法从数组中提取指定范围的元素创建一个新数组：
let newArray = arr.slice(start, end); - 可以使用join方法将数组中的所有元素连接成一个字符串：
let str = arr.join(separator);
- 可以使用concat方法将多个数组合并成一个新数组：
React中数组的操作非常灵活，可以根据具体的需求选择合适的方法来处理数组。在实际开发中，可以根据业务逻辑和性能要求来选择合适的数组操作方法。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
示例1
const arr = ["a","b","c","d"]
class Alphabate extends React.Component{
constructor(props){
super(props)
this.state = {alpha:[...arr]}
this.state.alpha[0] = "Changed"
console.log(`inside consructor arr = ${arr}`)
浏览 13提问于2020-05-24得票数 0
回答已采纳
请考虑React本机中的以下代码：
import React, { useState } from 'react';
import { Text, View } from 'react-native';
export default function App() {
const [recommendations, setRecommendation] = useState<any[]>([]);
return (
<View>
{recommendations != [] ?
(
浏览 5提问于2020-06-04得票数 0
回答已采纳
1回答
显然，我需要删除ESLint中的警告
'campaignTypesResult' is missing in props validation react/prop-types
'campaignTypesResult.map' is missing in props validation react/prop-types
'statusesResult' is missing in props validation react/prop-types
'statusesResult.map' is
浏览 3提问于2017-09-05得票数 1
回答已采纳
1回答
下面是还原器文件，我将数据返回到容器：
import FETCH_MEDIAID from '../actions/index';
export default function(state = [], action){
console.log('Action Received', action);
switch(action.type){
case FETCH_MEDIAID:
return action;
}
return state;
}
我的Get请求如下(一旦用户在输入字段中插入Instagram内容url，我希望
浏览 2提问于2017-12-21得票数 2
回答已采纳
我希望从一个只包含这个数组的json文件中导入一个数组。在这个应用程序中，我想对这个数组执行一个搜索。因此，它必须在形成的数组中接收。
这是cities.json中存在的长数组的一部分：
cities.json:
“阿伯丁”、“阿比林”、“阿克伦”、“奥尔巴尼”、“阿尔伯克基”、“亚历山大”、“阿伦敦”、“阿马里洛”、.、.、“扬克斯”、“约克”、“扬斯敦”
在App代码中，我在p标记中显示了JSON文件的输入，以查看我得到了什么。
index.jsx：
import React from "react";
import ReactDOM from "react-do
浏览 11提问于2021-12-11得票数 0
回答已采纳
1回答
我试图在这个API链接中只获取名称的区域，但它显示了setState属性中的错误。语法问题或其他问题？
顺便问一下:为什么我使用这种情况，map函数？为了将来的目的。
谢谢!
App Js：
import React from 'react';
import './App.css';
import Region from './region';
import {BrowserRouter,Switch,Route} from "react-router-dom";
function App() {
return (
浏览 2提问于2020-02-11得票数 0
3回答
我使用React创建一个待办事项列表应用程序，在我的应用程序中，当我单击x按钮删除一个项并使用console.log检查当前数组时，我可以看到该数组被正确地更新为我要从数组列表中删除的项，但是Dom只呈现了我想要删除的项，而不是整个数组。
import React from 'react';
import ReactDom from 'react-dom';
class TodoList extends React.Component{
constructor(props){
super(props);
this.sta
浏览 2提问于2017-12-20得票数 2
回答已采纳
因此，我尝试在react原生应用程序中显示youtube视频，所以我开始使用react原生webview。它可以很好地播放视频，但当你在网页视图中按下视频的标题时，它会转到youtube.com (下面是截图)，这是我试图阻止的。提前感谢！
浏览 11提问于2020-02-06得票数 1
如何在react native中实现分页？不使用滚动视图、列表视图或加载更多功能。分页功能在react native中获得了下一个、上一个按钮和当前页面选择，我可以知道它可以在react native中完成吗？谢谢
浏览 12提问于2017-07-24得票数 2
我正在尝试实现一个逻辑来显示从一个简单的REST中获取的一些数据。因此，我在RanjoorExplore类中获取JSON对象，并将数据发送到数据，另一个类中的ExploreCard。因此，this.props.data必须引用传递的变量。通过映射该变量，我将在一个简单的文本组件中显示响应对象的标题属性。我正面临这个错误：
未定义不是一个函数(计算this.props.data.map)。
RanjoorExplore:
import React, { Component } from 'react';
import {
StyleShee
浏览 2提问于2017-07-14得票数 1
回答已采纳
1回答
import React,{useEffect} from 'react'
import { Pin, Group } from './Pin';
import Cluster from './Cluster';
function ClusterGroupMain({textAsIcon,iconStyle,mapRef,onViewportChange,dataSet,icon,onClick,clickedMarkers }) {
useEffect(()=>{
console.log("Marker
浏览 0提问于2020-11-10得票数 1
如何在react的类组件中为状态数组赋值？ class Dashboard4 extends React.Component {
state = {
TotalParts: 0
};
async componentDidMount() {
const d = await actions.getTotalParts();
this.setState({ TotalParts: d[0].Total });
this.setState({ v_date: d[0].v_date });
}
} 在上面的代码片段中，只有一个值被赋值给TotalP
浏览 54提问于2019-04-10得票数 1
回答已采纳
1回答
REACT Problem -我想做一些类似的事情，在点击按钮后开始创建一个新组件的功能。此外，我希望每次单击按钮时都会出现div元素及其内容。(在我的例子中是我自己的组件) 例如，当我想要创建调查问卷并添加问题时，我需要一个按钮，该按钮允许我为此问题添加输入。你知道的，重复的组件。 "REACT.CreateElement"？哪个会在某个循环中？或许还有其他方法，你知道吗？ 我尝试了CreateElement，customElements.define()，但我不知道它是不是正确的方法。现在我正在训练使用。你能帮我吗？先感谢你，下面是我的代码： **import React
浏览 27提问于2021-02-25得票数 0
回答已采纳
我在下的一个组件中有两个按钮。即使它正在发送操作并更新存储，App也不会重新呈现。理想情况下，在按下按钮时，我会添加一些将放在数组中的虚拟名称，然后根据数组中的数字项呈现一个不同的组件。
有人能告诉我出了什么问题吗?我是个反应和反应的初学者。
沙箱：
App.jsx
import React from "react";
import "./styles.css";
import { Panel } from "./Panel";
import PanelAdder from "./PanelAdder";
import { use
浏览 2提问于2022-07-21得票数 0
回答已采纳
我尝试在状态对象中的menuHistory键下存储一个字符串数组，当页面更改props.location更新时，我用'first‘初始化它，这会触发useEffect()，然后我会尝试将位置推入数组。 我得到的错误是.. Argument of type '{ menuHistory: number; }' is not assignable to parameter of type 'SetStateAction<{ menuHistory: string[]; }>'.
Type '{ menuHistory: number
浏览 27提问于2019-09-13得票数 0
回答已采纳
2回答
我正在构建反动Todo应用程序。但是，我不明白todos类型是如何变成对象的？在App.js中，我们为它设置了一个数组。在我们设置的Form.js中
setTodos([...todos, { text: inputText, id: Math.random() * 1000 }]);，我不明白这一行是怎么回事。你能帮忙吗？
App.js
import React, { useState } from "react";
import "./App.css";
//Importing Components
import Form from "./compo
浏览 6提问于2021-05-22得票数 1
回答已采纳
1回答
我试图在React.js中创建一个非常简单的绘图。实际上，我只是将我创建的Vanilla JS代码转换为React应用程序。
一切看起来都正常，但是渲染点的组件并没有在道具上重新呈现。然而，它的道具正在改变(我在react dev-tools中查看了它)。我正在使用自定义事件侦听器，这可能是错误的原因吗？
import React, { useEffect, useState} from "react";
const addPoint = ({points, setPoints}) => (event) => {
const newPts = points
浏览 3提问于2020-07-07得票数 1
回答已采纳
1回答
我一直在学习react，并试图将用户输入从一个页面转到另一个页面。我已经尝试了一些不同的东西，比如refs，props和redux，但我就是搞不明白。我的目标是，当向文本框中插入数据并单击submit时，我可以在第二页上显示这些条目的列表。
这是输入的页面
import React, { Component } from "react";
class New extends Component {
constructor(props) {
super(props);
this.state = {value: ''};
this.h
浏览 0提问于2018-03-12得票数 0
我正在构建一个具有以下关系的移动web应用程序:一个用户有许多移动-->一个移动有许多框-->一个框有许多项。
我让这个功能正常工作，这样当你点击一个特定的移动时，你会被路由到与该移动相关联的所有框的列表。
但是，如果我在框列表页面上并单击返回到移动列表页面，则我的移动会重复。同样地，当我点击返回到一个特定的移动时，我的方框也会重复。在某些情况下，如果我执行总页面刷新，我的数据或者1.完全消失(即，componentDidMount()可能在页面刷新上不起作用？)或者2.我的应用中断并收到这个错误：“无效的尝试传播不可迭代的实例”。
我的目标只是让后退和前进功能正常工作，这样我的数
浏览 0提问于2019-01-12得票数 0
我有两个部件。一个是App组件，另一个是NumbersList组件。NumbersList是App组件的子组件。App组件接收名为lst作为支柱的数字列表。App组件有两个按钮，排序、升序和排序降序，它们试图执行名称所暗示的操作。
应用程序组件：
import React, { useState } from 'react';
import './style.css';
import NumbersList from './NumbersList';
export default function App({ lst }) {
const
浏览 4提问于2022-03-19得票数 1
回答已采纳
我在想为什么这不是一个无限循环？我在useEffect钩子中设置了状态，应该重新呈现组件，useEffect将一次又一次地运行.为什么这不是我所期望的？
import React, { useState, useEffect } from "react";
import axios from "axios";
const App = () => {
const [data, setData] = useState();
useEffect(() => {
axios.get("https://jsonplaceholder
浏览 1提问于2021-12-14得票数 0
我正在开发一个更高级的组件，它将提供使用MediaRecorder API捕获媒体的能力。但是，当我尝试使用捕获的视频(以发给createObjectURL的Blob形式)时，我得到了一个错误ERR_REQUEST_RANGE_NOT_SATISFIABLE。当我控制台记录传递给包装组件的Blob时，它的长度为0。在这篇文章的末尾，我已经包含了我的代码。
为了诊断问题，我尝试了以下测试：
控制台记录newChunks在handleDataAvailable中记录正确的值(即[Blob])。
我添加了React.useEffect(() => console.log(chunks)
浏览 2提问于2019-04-03得票数 3
回答已采纳
1回答
响应旋转木马的图像阵列
、、、、
我刚刚开始使用网页。我试图为旋转木马创建一个函数，这样我就可以传递一个图像数组，它根据图像的数量呈现，我一直试图运行这样的操作：
Callingfun.js
import React from 'react';
import Carouselfun from '../components/Carouselfun'
import webs from '../assets/images/proj/website.JPG'
import webs1 from '../assets/images/proj/website1.JPG'
浏览 4提问于2020-07-24得票数 0
1回答
我创建了一个简单的react应用程序，它使用redux来管理状态，但是当我分派操作去删除一个特定的状态时，它无法在新状态上映射，并且我得到了一个未定义的错误TypeError:无法读取未定义的属性(读取' map ')
这里是我的应用程序组件：
ACTIONS
import { DELETE_ARTICLE, ADD_ARTICLE } from "../constants/action-types";
let lastID = 3
export function addArticle(msg) {
return {
type: ADD_ART
浏览 2提问于2022-04-03得票数 0
所以基本上，我认为使用Vanilla React可以很容易地完成一些事情，只需将道具直接传递给子组件即可。在这里，我用Redux做了同样的事情，但由于某些原因，prop数组不能正确呈现。这是一个非常小的组件。在它的父类中，每当一个人按下'Enter‘向标记数组添加一个标记时，数组就会被追加。然后它们应该映射到div上，但这并没有发生。如果我做错了什么，请告诉我。 import React, { Component } from 'react';
import './index.css';
import { connect } from 'rea
浏览 20提问于2019-10-12得票数 1
我把我的包裹更新到最新版本。在此之前，我的项目没有错误。但是，在将next js更新到版本9，jquery更新到版本3.5之后，$.map无法正常工作。在类组件的呈现()方法中使用$.map时，
import $ from "jquery";
.
.
.
render() {
let rec = [
{'id':2},
{'id':3},
];
$.map(rec, function (value) {
conso
浏览 3提问于2020-05-07得票数 0
回答已采纳
1回答
我有简单的Redux还原器，但是对于某些操作，我需要显示通知，为了这样做，我需要在还原器中触发我的自定义通知函数，因此：
case REDUCER_ACTION_NAME:
notificationDisplay.success("Message", {
additionalStuff: extraOptions
});
更糟糕的是，我正在使用react-intl进行翻译，我需要将"Message"o翻译好，所以我将其添加到混合文件中：
case REDUCER_ACTION_NAME:
notificationDisplay.success(&
浏览 5提问于2017-12-21得票数 2
回答已采纳
1回答
JSX扩展属性
、、
我正在跟踪一本带有代码示例的ProReact图书，在多个地方，我应该将扩展属性传递给组件，而错误im接收到的错误是：
模块构建失败:在transpile (C:\PROJECTS\ProReact\kanban-app\node_modules\babel->loader\index.js:52:13) at Object.module.exports (C:\PROJECTS\ProReact\kanban->app\node_modules\babel-loader\index.js:131:12) @ ./app/App.js 23:16-37处: SyntaxError:
浏览 3提问于2016-09-28得票数 0
1回答
有没有人能告诉我的childrenarray在实践中是如何使用的？
在javascript中使用它而不是仅仅使用标准数组声明，我们从设计模式中得到了什么好处？
const children: React.ChildrenArray<number> = 42;
const children: React.ChildrenArray<number> = [[1, 2], 3, [4, 5]];
浏览 1提问于2017-11-11得票数 0
2回答
每次在react中，我都会关心immutable array operations，以避免通过mutable operations意外地改变状态。
我经常使用immutable operations
每当我需要添加一个新项目时，我都会使用以下内容
[...myArr, 'newItem'];
而不是可变的选择
myArr.push('newItem');
然而，我在上看到了一个的例子，我感到很惊讶，因为它们使用了push()方法。
我是mobx的初学者，我害怕使用mutable operation，
有人知道这件事吗？
我是做错了还是可以用mutable对mob
浏览 9提问于2021-06-26得票数 1
回答已采纳
1回答
我有非常新的反应和尝试学习反应概念，同时建立一个基本的时间表网站。这里，我从输入字段获取数据并以状态存储，但是如何将此表单数据呈现给表组件呢？下面是共享代码和文件结构的事件组件，也就是主组件
import React from "react";
import {Container, Row, Table} from "react-bootstrap";
import EventModal from "./EventModalButton";
class EventList extends React.Component{
render(
浏览 9提问于2020-08-29得票数 1
我在使用redux和react-router时遇到了一个关于react子组件的问题。 为了在componentDidMount上进行API调用，我通过this.props.match.params从URL获取了一个值。我之所以使用this.props.match.params，是因为如果有人直接导航到这个特定的URL，我希望在我的内容中使用来自API的数据。 当我通过单击导航到该组件时，该组件呈现良好。API通过一个操作调用，reducer将数据分派给相关的prop。 当我通过点击URL直接导航到组件时，API被调用(我可以在devtools的Network部分看到它被调用)，但是数据没有被
浏览 12提问于2020-04-01得票数 0
我试图确定在Jest测试时如何最好地模拟提供者。我发现最有希望的线索是RTL，它在它们的文档中提供了以下示例：
我一直在试验多个结构，但即使我紧跟他们的例子，我也得到了上面的错误。
在这里，我在测试Dialog组件时几乎完全遵循了他们的示例：
玩笑测验
import React from 'react';
import { render } from '@testing-library/react';
import { DialogContext, defaultState } from '../../../../store/contexts/dialo
浏览 5提问于2020-09-26得票数 4
回答已采纳
const [userOrderCollection, setUserOrderCollection] = useState([{
url: null
}]);
const onAddedUserOrder = url => {
if (userOrderCollection[0].url === url) return;
else {
setUserOrderCollection([{ ...userOrderCollection,
url
}]);
console.log(userOrderCollection)
}
};
浏览 22提问于2020-01-26得票数 0
回答已采纳
我试图向我的应用程序添加一个状态，当某个事件传递时，它只保存了一个布尔值。我不知道我在这里做错了什么。
减速器：
import * as actionTypes from '../constants/action-types.js';
const initialState = [{
eventPassed: false
}];
export default function eventPassed(state = initialState, action) {
switch (action.type) {
case actionTypes.EVENT_PAS
浏览 2提问于2016-11-16得票数 13
回答已采纳
2回答
目的性
向state.book数组中添加一个新的名称和颜色对象，而不删除过去的数据
不允许使用.push。你不能改变状态，这让我很困惑。
第二天，我为这项任务而奋斗：
提前谢谢你
减速器
const initialState = {
book: [
{
name: "Name",
color: "#5236C1",
list: [
{
title: "Author",
about: "Created by.",
浏览 4提问于2021-03-23得票数 0
回答已采纳
这三种密码有什么区别？
1：
axios.get('https://jsonplaceholder.typicode.com/posts')
.then((res) => {
console.log(res);
})
.catch((err) => {
});
function App() {
return (
<div className="App">
<p>Learn React</p>
</div>
);
}
export
浏览 1提问于2021-12-22得票数 1
回答已采纳
我正在创建一个crud web应用程序，我已经将所有用户呈现到来自第三方API的表中。现在，我正在实现一个简单的搜索框，根据的名字过滤表数据。但是当我开始输入和写第一个字母时，它会过滤掉结果，但是当我按backspace表示空搜索框时，它将返回一个空数组，而不是向我提供整个数据。
下面是我相同的redux代码：
组件
import React from 'react';
import {connect} from 'react-redux'
import {fetchAllUsersAction,searchByUserName} from '../..
浏览 0提问于2020-04-08得票数 0
我正在为我在scrimba上的最后反应课程构建我的第一个react应用程序，我正在从API中检索数据，并将数据的一部分设置为一个处于状态的数组，但我似乎无法访问数组的属性。
import React from 'react'
const [request, setRequest] = React.useState([])
React.useEffect (() => {
fetch('https://opentdb.com/api.php?amount=5')
.then(res => re
浏览 10提问于2022-07-13得票数 1
回答已采纳
我设法使用React-Redux方法、useSelector和useDispatch以及React的useEffect方法将数据从my json.server获取到所需的组件中。
让我困惑的是，尽管数组的内容已经存在，但它的关键字却显示为未定义。
控制台输出：
组件：
import React, { useEffect } from 'react';
import SetlistItem from './SetlistItem';
import { fetchSongs } from '../../actions/index'
import {
浏览 0提问于2020-05-19得票数 0
1回答
我正在尝试获取我在react中的上一页的url。 那么，如果我来自xxx.com/register，现在在...com/profile上，那么我如何在控制台中记录它？ 我不知道从哪里开始。有人知道怎么做吗？这在react中是可能的吗？我应该改用js吗？
浏览 530提问于2021-04-24得票数 0
我试图在react.js中使用扩展操作符，但是在Chrome中得到错误的Unexpected token ...。
在这段代码的第3行，我得到了一个错误：
var Btn=React.createClass({
render: function(){
var { className, ...other }=this.props;
return (<a {...other} className={joinClasses(className,"btn")} href="#" >{this.props.childr
浏览 2提问于2015-06-19得票数 0
回答已采纳
这是我的密码：
import React, { Component } from 'react';
class SeasonApp extends Component {
constructor(props){
super(props)
this.state = {
coords:[],
error:[],
}
}
position = (location) => {
let CoordsObj = {
lat
浏览 10提问于2021-03-26得票数 0
回答已采纳
当我使用react钩子更改数组中对象的属性时，组件不会重新呈现。
我咨询了我的首席技术人员，他解释说React搜索“广度”而不是“深度”，意思是React可以看到对象，但它不能看到对象属性的变化。
const [array, setArray] = useState([
{'id': 0, text: '0'},
{'id': 1, text: '1'},
{'id': 2, text: '2'}
]);
我希望当状态改变时，组件会重新呈现，但
浏览 63提问于2019-08-01得票数 6
回答已采纳
2回答
我在这里读过很多同样的问题，我应用了对每个人都有用的东西，但它似乎对我不起作用。我尝试从API中获取数据，但即使使用UseEffect钩子，setList也不希望设置ListVille。这是我的密码，你知道为什么吗？
import React, {useEffect, useState} from 'react';
import {Navigate} from 'react-router-dom'
import Entete from './MEP/entete'
function Localisation() {
const [CP, s
浏览 3提问于2022-07-01得票数 1
回答已采纳
我的示例问题数组是这样的：
[
{
"subject": "app development",
"topic": "dart",
"subtopic": "flutter2",
"questionType": "EASY",
"questionTitle": "how angular works",
浏览 2提问于2021-10-13得票数 1
回答已采纳
我正在查看React文档，它提到
--如果您熟悉React类生命周期方法，可以将useEffect Hook看作是componentDidMount、componentDidUpdate和componentWillUnmount的组合。
假设我现在有一个类组件，在componentDidMount中，我正在做这样的事情
componentDidMount() {
MapboxGL.setTelemetryEnabled(false);
}
据我所知，组件在生命周期中只被调用一次吗？
如果我用的是“反应钩”，那就像这样
useEffect(() => {
Ma
浏览 3提问于2020-05-29得票数 5
1回答
在下面的事件处理程序的类型记录中，Object可能是空的，而不是对于我编码的任何其他事件处理程序函数。
<input
type="file"
className="hide"
ref={hiddenInputRef}
onChange={(event: React.ChangeEvent<HTMLInputElement>) => handleInputOnChange(event)}
/>
const [file, setFile] = useState<File>();
const [
浏览 3提问于2020-09-19得票数 0
回答已采纳
2回答
我一直试图在React中列出一个待办事项列表，以应用我所学到的东西，但我似乎无法让它发挥作用。代码如下： import React from "react";
import ReactDOM from "react-dom";
import "./styles.css";
class TodoForm extends React.Component {
constructor(props) {
super(props);
this.state = { todos: [" test "], add: "
浏览 13提问于2019-12-25得票数 0
回答已采纳
我需要循环遍历嵌套在React State中的数组中的数组。我看到在Dev工具中两个数组都填充了状态，而且，当我使用Object.keys(this.state.products).map遍历父数组时，我得到了所有值。问题是当我试图循环遍历子数组，或者从子数组中提取任何值时，比如this.state.products，我得到了未定义的错误。 更重要的是，当我在ComponenetDidUpdate中console.log this.state.products时，我得到了值，所以这就像是React设置了状态，但不是所有的方式？ const { Component } = React;
浏览 37提问于2019-09-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
