3回答
如何在不创建新obj的情况下连接到数组对象？
javascript、reactjs
如何在同一个对象key: 1中添加具有新Time的keep更新状态？
它应该是这样的：
time: ["21:10:56", "21:10:56", "21:10:56"]
目前，每次我按一个键，它都会创建一个新的对象。
当我在Number Two输入中输入值以拥有自己的key: 2对象并向其添加时间值时，情况也是如此。
const {useState, useEffect} = React;
const App = () => {
const [state, setState] = useState([])
co
浏览 12提问于2020-06-05得票数 0
回答已采纳
2回答
如何在按钮点击时创建卡片？
javascript、reactjs、bootstrap-4、onclick、card
我已经学习了几天的React JS。它非常有趣，简化了JavaScript，至少我是这么看的。我目前的目标是创建一个按钮，当单击该按钮时，将创建一个在卡中生成随机数字的新卡。 我不知道如何为它添加onClick=功能，让它以我所设想的方式工作。目前，我已经在我的index.js文件中编写了按钮的代码。index.js是我的主文件，它是我的应用程序组件所在的位置。我看到人们使用一个名为App.js的文件，不知道为什么，但这是稍后的另一个问题。 目前，我的按钮的样式如下所示。 const App = () => {
return (
浏览 79提问于2021-03-02得票数 0
回答已采纳
1回答
与反应状态作斗争
javascript、reactjs、state
我试图建立一个简历生成器网页应用程序，我有问题的正确设置状态，以便他们显示正确的信息。问题是，我似乎不知道如何设置状态，以便我的简历预览正确呈现，我已经尝试了一个不同的事情，没有任何效果。欢迎您提供任何建议或解决方案。
至于代码，这里有一个托管的
此外，内嵌沙箱的代码也会下降：
App.js
import { Component } from "react";
import "./styles/App.css";
import CV from "./cv/CV";
import Form from "./form/Form";
浏览 10提问于2022-08-04得票数 0
1回答
无法呈现来自API的数据。
javascript、reactjs、api
我有一个问题要呈现来自API的问题，我创建了状态并使用useEffect调用API，但是当我想要呈现它时，它破坏了我所有的css来呈现一个空白页面，我尝试将组件移动到App，但问题仍然存在。
这是我的应用程序：
import React from 'react'
import './App.css'
import FirstPage from './components/firstPage'
import Quiz_page from './components/quiz'
function App() {
const [s
浏览 8提问于2022-08-29得票数 1
回答已采纳
2回答
反应重复键机制
javascript、reactjs
我想了解这个密码的结果。我认为这与反应“钥匙”有关。“
const {useState} = React;
/*export default*/ function App() {
const [alphabets, setAlpabets] = useState([
{ key: "b", name: "b2" },
{ key: "b", name: "b" },
{ key: "a", name: "a1" },
{ key: "a",
浏览 4提问于2022-01-27得票数 1
1回答
如何使用.filter()从数组中删除值？
javascript、reactjs
我在做一个游戏的排行榜。我使用的userInfo数组包含从json表获取的数据。该数组包含id、username、bestattempts和besttime以及来自每个类别的数据。
该表当前有4列，来自json表的所有数据都在表行上。我需要该表不显示具有bestattemps < 5或besttime === 0的用户的数据。我试图从数组中过滤数据，但它不起作用，我得到了这个错误：const keys = Object.keys(newArray[0])这一行上的TypeError: Cannot convert undefined or null to object
代码如下：
imp
浏览 13提问于2019-11-03得票数 0
回答已采纳
2回答
当一个初始状态用来通过useState钩子一次初始化多个状态时，如何分别设置状态？
javascript、reactjs
我正在尝试使用一个带有useState钩子的intialState同时启动几个状态，并且它们是在几个单击事件上分别设置的。检查以下示例：
const {useState} = React;
const Example = () => {
const initialState = {
name: 'Tom',
age: 30,
id: 1
};
const [state, setState] = useState(initialState)
const handleClickName
浏览 16提问于2020-11-17得票数 0
回答已采纳
4回答
React:无法访问状态变量的值，数组或迭代器中的每个子变量都应该有唯一的“键”支柱。
javascript、reactjs
我得到了一个errot:数组或迭代器中的每个子程序都应该有一个唯一的“键”支柱，如果我在图表提供程序组件中执行console.log(sTime)。它展示了NaN。我必须在ChartComponent中传递这个值。
此图表提供程序组件。
var React = require('React');
var ReactDOM = require('ReactDOM');
var Chart = require('react-google-charts').Chart;
vat ChartComponent = require('ChartCo
浏览 1提问于2016-11-09得票数 0
回答已采纳
1回答
array.map的使用及其在反应中的变化
javascript、arrays、reactjs、ecmascript-6、mapping
下面的代码包含一个array.map函数-- term和i的函数是什么，从哪里得到的，array.map和onchange是做什么的？
import React, { Component } from 'react';
class Apps extends Component {
componentDidMount() {
}
iLikeFunctions() {
console.log('yay functions');
}
render() {
var array = ['here','we','go'
浏览 1提问于2018-06-20得票数 1
回答已采纳
2回答
react本机:如何在上下文api中更新状态？
reactjs、react-native、android-context
当我在另一个组件中更新状态时，我无法在ContextProvider.js中重新呈现提供者，因此使用者数据不会改变。
ContextProvider.js
export const AppContext = React.createContext({basketNumber:0});
export class ContextProvider extends React.PureComponent {
state = {
basketNumber:0,
};
render() {
return (
<AppContext.Provider va
浏览 0提问于2019-05-17得票数 1
2回答
更新动态创建的组件
javascript、reactjs、redux、react-redux
情况
我有一个父组件，它呈现一些子组件。子组件应显示从父组件传递的信息。
上下文
玩多人游戏的战舰游戏：
父组件包含多达10x30个按钮(子组件)的10x10字段。如果按下按钮，就会发出带有按钮位置的信号到api。api决定按下的按钮是否需要改变它的颜色。
问题
通过更新父组件的状态，如果子组件是动态创建的，子组件道具将不会被更新。
解决尝试
不要动态地呈现Childs：
在我的情况下不可能
使用剩馀
我认为子组件是转储/表示组件，因为它只显示信息。在我的例子中也有100到300个子组件。
参考文献
有100到300个子组件.
问题
我该怎么办？有没有一种不是反模式的解决方案？
当前代码
浏览 0提问于2018-04-16得票数 1
回答已采纳
2回答
通过linter添加推荐的依赖项将导致无限重呈现循环。
reactjs、react-hooks、dependencies
这是我的密码：
SectionState.js:
import { React, useState, useEffect } from "react";
import QuestionContext from "./QuestionContext";
import questions from "../data/questions.json";
import { useNavigate } from "react-router-dom";
const SectionState = (props) => {
//
浏览 9提问于2022-11-21得票数 0
回答已采纳
3回答
如何在react.js中获取动态文本输入的值？
javascript、reactjs、web、dynamic
我在react.js项目中创建了一个页面，其中包含文本输入和每一行数据的按钮。我希望通过单击按钮获取每个输入值，并对其进行处理。
{data.map((item, index) => <div><span>{item}</span>
<input type="text" placeholder='enter value' />
<button onClick={() => {alert(inputValu
浏览 4提问于2022-04-03得票数 0
回答已采纳
2回答
ReactJS:组合数组问题
javascript、arrays、reactjs
我有一个Main.js页面，它只有一个按钮:当您单击它时，它会向数组和页面添加一个块组件。您可以添加任意数量的块组件。每个块组件都有一个“删除”按钮，它将从数组和页面中删除块。
Menu.js：
import React from 'react';
import './Menu.css';
import Block from './Block.js';
import './Block.css';
export default class Menu extends React.Component {
constructor(
浏览 1提问于2019-05-10得票数 0
回答已采纳
2回答
不能在使用钩子与复杂对象一起设置提供程序值时更新上下文状态
javascript、reactjs、react-hooks
当我调用toggleFilterSidebar时，它应该将filterSidebarIsOpen的状态从false切换到true，反之亦然，但是onClick不会发生任何事情，但是当我将提供程序值直接作为对象传递时，它会工作。
为什么要这么做？
1)。
return <FilterSidebarContext.Provider value={{
toggleFilterSidebar,
filterSidebarIsOpen,
filters,
}}>{children}</FilterSidebarContext.Provider>;
但这
浏览 0提问于2019-02-11得票数 2
回答已采纳
2回答
通过react中的动态键获取状态值
javascript、reactjs
假设在我的组件中，我像这样设置状态：
this.setState({
test: "value",
othertest: "value"
});
如果在我的代码中的其他地方，我有一个包含这些值的键的数组，即ie- keys = ["test", "othertest"]，我如何遍历这个数组来查找相应状态值的值？
浏览 0提问于2017-05-16得票数 10
回答已采纳
1回答
使用setState更新支柱后未更新的prop组件
javascript、reactjs
我目前正在尝试创建一个交互式评论部分，允许用户评论、回复和喜欢/不喜欢他人的评论。由于无法在组件中更新“喜欢”的值，所以当前我一直停留在“喜欢”/“向上投票”部分。
下面是我的Comment组件(它表示注释部分中的一个注释)：
import { useState } from "react";
const Comment = ({
upvotes,
image,
username,
isUser,
replies,
createdAt,
id,
upvoteMethod,
}) => {
const [score, setScore]
浏览 3提问于2022-05-07得票数 1
回答已采纳
1回答
node.js简单tcp聊天服务器
node.js、tcp、network-programming
我试图建立一个简单的tcp聊天服务器，没有socket.io。现在，我可以在连接到服务器的所有套接字之间广播数据。
我的问题是为每个连接分配一个套接字标识符，并从对象中检索它们。
代码如下：
var net = require('net');
//keep track of sockets
var allSockets = {
sockets: {},
addSocket: function(socket, nick, table) {
this.sockets[table+nick] = socket;
},
removeSocket: functi
浏览 1提问于2012-12-09得票数 0
1回答
使用React更新从对象数组映射的输入中的属性(或状态)
arrays、reactjs、object、mapping、onchange
我有一个对象数组，我将其输出到一种形式的输入。这些输入需要更新，呈现的值才能显示更改。我能够控制键和新值，但是我收到的错误是metafields.map不是一个函数。 我的代码如下： class EditMetafields extends React.Component {
constructor(props) {
super(props);
this.state = { metafields: [] }
}
componentDidMount() {
// retrieving data from the db to populate metafie
浏览 6提问于2020-01-14得票数 0
回答已采纳
2回答
React.js错误"this.state.product.response.map不是函数“
asp.net-mvc、database、reactjs
我是一个新手，正在学习React.js，并使用MVC框架和实体框架使用Visual Studio2017构建CRUD应用程序。我发现自己陷入了困境，很长一段时间都在尝试通过ajax调用控制器中的Index方法从MSSQL中的Product表中检索数据，然后在浏览器上呈现数据。
我有一个Product Table和一个Product类：
public partial class Product
{
public long Id { get; set; }
public string ProductName { get; set; }
public decimal Pr
浏览 4提问于2018-08-16得票数 0
2回答
收到警告:列表中的每个孩子都应该有一个唯一的“键”道具。当我的组件呈现
javascript、reactjs、typescript
我正试图在我的“反应”应用程序中消除这个警告：
Warning: Each child in a list should have a unique "key" prop.
Check the render method of `SettingRadioButtonGroup`. See https://reactjs.org/link/warning-keys for more information.
at div
at SettingRadioButtonGroup (http://localhost:3000/main_window/index.js:
浏览 6提问于2021-02-15得票数 2
回答已采纳
3回答
属性在尝试使用数组映射函数时未定义。
arrays、json、reactjs、dictionary
我从API中接收到一个对象，它包含一些简单的属性和一个字符串数组。我试图使用map函数来显示这个数组，但是当我尝试使用map函数时，我的应用程序会中断抛出"TypeError:标记是未定义的“。守则：
import React, { Component } from 'react';
import {useParams} from "react-router-dom";
import VideoPlayer from "../Video/VideoPlayer";
import { withRouter } from "react
浏览 4提问于2021-05-02得票数 0
回答已采纳
2回答
如何在react中遍历更新数组
javascript、arrays、reactjs、rendering
我正在尝试使用socket.io来练习React.js，所以我试图在两个客户机之间发送消息，但是我很难显示这些消息。我想展示过去发送的信息。现在我想把它作为一个数组来做，因为一个状态不起作用。当控制台记录数组时，它会出现在控制台中，但从不呈现出来。
import { useEffect, useState } from "react";
import io from "socket.io-client";
import "./App.css";
let socket;
const CONNECTION_PORT = "localhost
浏览 2提问于2021-10-04得票数 0
回答已采纳
2回答
嵌套字典到嵌套列表(复选框)
reactjs、dictionary、recursion
我有一个带有{ "1" : [{"a" : ["p", "q"]}, "b", "c", {"d" : ["h", "w"]}] }结构的嵌套字典。这是。深度可以达到任何长度，但深度是有限的。我正在尝试用下面的代码创建一个嵌套列表(复选框)。
import React from "react";
class TagTree extends React.Component{
render(){
浏览 7提问于2022-10-23得票数 0
回答已采纳
2回答
如何更改对象数组上的特定属性？
javascript、css、arrays、reactjs、object
我对更改对象数组中的属性有疑问。为了更好地理解，我将在下面发布我的代码。首先，我有一个包含两个数组对象数组，第一个数组包含名为" First“的属性，第二个数组包含"last”属性。当我单击该函数时，它会将特定的名称作为字符串传递，比如first或last。在此之后，我必须遍历对象数组并更改与属性名称(tempFirst，tempLast)匹配的值。我只是在onHandle函数中声明，但在我的实际项目中，我正在传递参数。
例如: if (first === first)更改该属性的值。
import logo from './logo.svg';
impo
浏览 2提问于2021-02-19得票数 1
1回答
存储包含多个具有React的输入的多个表单提交
html、reactjs、forms、react-hooks
我正在构建一个注册表单，包含多个输入(用户名、出生日期等)。提交表单后，它存储在某个地方，其中包含以前提交的表单的列表。
链接到工作示例：
工作样本代码库：
import React, { useState } from "react";
const App = () => {
const [values, setValues] = useState({
userName: "",
dateOfBirth: ""
});
const [submissions, setSubmission] = useStat
浏览 4提问于2022-04-23得票数 0
3回答
在不存在的行处响应ESLint错误
javascript、reactjs、next.js
我正在使用nextjs，当我运行next build时，它会失败，并给出下面的错误。该错误将我指向第19行(这是空行)和第33行(它甚至不存在？)。
对于错误消息本身，我看到了eslint-plugin-react的一个问题，这个问题被认为是最近修复的，但是我仍然收到了package-lock.json中最新更新版本的错误。
"eslint-plugin-react": ">=7.29.4",
我还尝试过删除.next文件夹并再次执行next build，并删除node-modules和执行npm install，仍然会发生错误。
带有错误的文件：
imp
浏览 5提问于2022-03-19得票数 1
回答已采纳
2回答
在访问和返回对象内部的对象数组时输入错误
javascript、reactjs
我试图返回对象中每个数组中的数据。
这是我的Json
"student_clubs": { // brought in as object
"art": { // object
"illustration": ["Done"], // Array
"design": ["Done"] // Array
},
"sports": { // object
"Basketball": [
浏览 4提问于2016-05-06得票数 0
回答已采纳
1回答
警告:数组或迭代器中的每个子程序都应该有一个唯一的" key“支柱。
javascript、html、reactjs
在已经将key支柱添加到TodoItems中的li项后，我将收到此警告
警告:数组或迭代器中的每个子元素都应该有一个唯一的“键”支柱。检查TodoItems的呈现方法
我有以下一页：
<!DOCTYPE html>
<html>
<head>
<title>todo-list</title>
<script src="https://unpkg.com/react@15.3.2/dist/react.js"></script>
<script src=&#
浏览 2提问于2017-02-01得票数 0
回答已采纳
假设我将这个对象放到了React树中(例如，先从数据库中获取)
const data = {
time: "10am",
stuff: "blah blah blah",
members: ["member1", "member2", "member3"]
}
有一个App.js组件，如下所示：
import React from "react";
import "./styles.css";
import { useHook } from "./useHook"
浏览 0提问于2020-04-25得票数 0
回答已采纳
1回答
当转到页面时，React给出空对象
javascript、reactjs、object、react-router、react-router-dom
我正在做一个个人React.js项目。我和useParams有问题。单击导航栏后，无法显示地图项。它会转到页面，但无法在屏幕上显示。它在屏幕上显示一个空对象。这是我定义ItemContainer的useParams，我认为代码中有一个错误：
import { useEffect, useState } from "react";
import ItemDetails from "../Itemdetails";
import { useParams } from "react-router-dom";
const ItemContainer
浏览 5提问于2022-01-01得票数 1
回答已采纳
4回答
如何在组件中使用useContext
reactjs、react-hooks、jsx、react-context、use-context
我有一个被定义为'HeaderContext‘的上下文--我知道它正确地获取数据，因为我可以在console.log(headerData.Menu.PageUrl)行中看到数据。
但是，我只看到当我取消注释并在页面加载后保存文件时，所以我怀疑问题是，当页面第一次加载时，数据是不可维护的。-这是我的第一个反应项目，所以我想我忽略了react在这里所做的一些基本的事情。
到目前为止，我的代码如下：
function Header() {
const [headerData] = useContext(HeaderContext)
console.log("heder data
浏览 6提问于2022-02-19得票数 2
回答已采纳
4回答
def adjacentElementsProduct(inputArray):
i = 0
n = []
t = int(0)
b = int(1)
while i < len(inputArray):
noob = inputArray[t] * inputArray[b]
t += 1
b += 1
i += 1
n.append(noob)
return n
print(adjacentElementsProduct([3, 6, -2, -5, 7,
浏览 0提问于2018-03-11得票数 0
1回答
输出的Console.Log混淆
javascript、reactjs
我目前正在尝试解决在向图形添加新道具后渲染show.js时出现的错误。目前，我登录了this.props.notes以查看什么是未定义的，但我不明白记录的1是什么。我不确定为什么图形是未定义的，如果它存在，因为我在笔记和问题中查找graph.id。
Console.Log
(2) [{…}, undefined]
0:
content: "test"
graph:
id: 3
info_url: "https://www.cdc.gov/mmwr/volumes/69/wr/mm6915e3.htm"
name: "Rates of Hospitaliz
浏览 13提问于2020-05-28得票数 0
4回答
使用javascript中的for in循环从对象中获取值
javascript、for-in-loop
我是一个JS新手，在使用for in循环时，我很难理解如何从对象中获取值。请大家把你们的知识告诉我好吗？谢谢!
这是我的问题，下面的代码只是记录属性，我试图使用一个for-in循环来查找一个对象是否包含"apple“值。
var mac = {
company: 'apple',
product: 'iPhone',
price: 300
};
for (var key in mac) {
console.log(key);
}
浏览 2提问于2013-12-19得票数 2
回答已采纳
1回答
在react组件中创建HTML标记
javascript、html、reactjs、react-hooks
我不会扩展组件类，而是尝试使用usestate来管理状态。现在，我希望在特定条件下向方法personList中的togglePersonsHanler变量添加person组件。我希望添加一个HTML标记列表，如下所示
<person name="person1" age=31>
<person name="person2" age=26>
<person name="person3" age=35>
但是在控制台日志中，我得到了如下所示的personList
{$$typeof: Symbol(react.el
浏览 4提问于2020-03-22得票数 1
回答已采纳
1回答
循环对象、非法的isArrayLike()调用和使用ngReact创建<div>的无限$digest循环
angularjs、dom、reactjs、clone、ngreact
9月24日更新
当我修改对象的ngReact数组时，我试图使用ngRepeat而不是ngRepeat来提高性能。
对于控制器中包含的每个对象(一个映射标记)，我希望创建一个以<button>为文本的marker.title。为此，我使用了一个React组件，该组件$watches是一个标记数组。这样的一个列表包含了每个标记的一个列表。我假设只有在修改标记列表，然后修改按钮列表时，组件才会发生更改。然而，情况并非如此。
[TypeError]: Illegal invocation
at isArrayLike (angular.js:274)
at forEach (ang
浏览 1提问于2015-09-17得票数 0
回答已采纳
1回答
如何在浏览器中显示数据？
javascript、reactjs
我正在尝试映射rest api中的信息，我收到的请求很好，但是当我尝试在JSX中显示数据时，什么也没有显示。 这是我发出请求的文件： import { useEffect } from "react";
import ShowcaseMap from "./ShowcaseMap";
const Showcase = () => {
const results = [];
useEffect(() => {
const getProducts = () => {
fetch(
&#
浏览 25提问于2021-08-08得票数 0
回答已采纳
1回答
react状态管理中的自定义对象
javascript、reactjs、react-state-management
我们有一个react表组件，我们需要在不同的页面上进行选择。因此，我有一个Map来跨页面存储这些选定的行。但是为了操作选择，我有一个名为selections的类 class Selections {
eventMap = new Map();
addSelections(event) {
....
return this;
}
} 在react状态下，我实例化这个对象，并在添加或删除事件时更新状态。 // constructor
this.state = {
selections: new Selections()
}
function onT
浏览 36提问于2021-11-15得票数 0
2回答
React.js了解setState()
javascript、reactjs
我正在学习React.js并阅读react.js官方文档。官方文档给出了一个例子，我对此有疑问： 原始代码： class Toggle extends React.Component {
constructor(props) {
super(props);
this.state = {isToggleOn: true};
// This binding is necessary to make `this` work in the callback
this.handleClick = this.handleClick.bind(this);
}
浏览 21提问于2021-07-25得票数 0
2回答
无法读取未定义的react redux todo应用程序的属性“map”
javascript、reactjs、redux、react-redux
嗨，我正在尝试构建一个todo应用程序，并试图在todo列表中添加todo，但是我得到了以下错误：
TypeError:无法读取未定义的属性“映射”
以下是错误代码：
4 | function TodoList() {
5 | const list = useSelector((state) => state.todoList.text);
6 | return (
> 7 | <div>
8 | {list.map((todo)=>{
9 | <li>todo</li&
浏览 3提问于2021-09-05得票数 0
回答已采纳
2回答
为什么“地图”不动？
javascript、reactjs、react-hooks、react-hook-form
博客文章将被创建，并将有一个选项，删除该帖子。为了做到这一点，我使用钩子。
App.js:
import React, { useState } from 'react';
import Blog from './Blog';
import Createpost from './Createpost';
const App = () => {
const [posts, setPosts] = useState('');
const removePosts = (index) => {
浏览 3提问于2020-03-20得票数 0
回答已采纳
3回答
如何在fetch请求和状态改变后重新呈现组件？
javascript、node.js、reactjs、mongodb、fetch
我刚开始在后端进行反应和绑定，但在发出fetch请求后，我必须重新加载页面才能看到任何更改。一旦函数被调用，数据库就会更新，但组件不会重新呈现。我知道setState是异步工作的，所以我尝试在setState的回调中调用我的函数，但不起作用。 这在我的handleSubmit和handleDelete函数上都会发生。我最初的get请求在我的componentDidMount中，所以我将其包括在内，以防万一。 我在这个网站上找不到我需要的答案，也许只是没有推荐，但我就在这里，哈哈。提前谢谢。 componentDidMount() {
// todos is
浏览 36提问于2019-09-10得票数 3
1回答
React /react-选择模块
reactjs
react-select (值得称赞)，当我输入任何内容时，它总是给我这个错误：
Creatable.js?067d:40 Uncaught TypeError: Cannot read property 'toLowerCase' of null
at compareOption (Creatable.js?067d:40)
at eval (Creatable.js?067d:51)
at Array.some (<anonymous>)
at isValidNewOption (Creatable.js?067d:50)
at Creatable.compon
浏览 1提问于2018-08-19得票数 1
5回答
ReactJS :在setState中更新对象，但不在UI中反映
javascript、reactjs
我是ReactJS的新手。当我单击该按钮时，调用将从createTablesam.js转到index.js以更新对象。对象已在setState中成功更新，但未在UI中更新。如果我再次点击按钮，对象正在更新，但UI没有更新。
const PureComponent = React.PureComponent;
class Index extends PureComponent {
constructor() {
super();
this.state = {
userValues: [
{
name: "Mani&
浏览 2提问于2019-11-26得票数 1
1回答
基本上相同的代码，但一个导致无限循环的使用效果。
javascript、reactjs
对不起，reactjs初学者，下面有两个代码，我不明白为什么当我使用“第一段代码”时，我得到无限循环(在浏览器控制台中无限注销'123‘)，当我使用“第二个代码”时，我没有无限循环(在浏览器控制台中只注销两个'123’)，为什么当我用“第一个代码”获得无限循环时，为什么不使用“第二个代码”来获得无限循环呢？
(第一段代码)导致无限循环：
[Parent.js]
const randomFunc = (dataFromChildComponent) => {
setData(dataFromChildComponent);
};
[Child.js]
useEffec
浏览 2提问于2021-07-31得票数 0
回答已采纳
2回答
用更聪明的方法来计算对象中的值(JS，React)
javascript、arrays、object、reactjs
看看下面的代码，是否有更好的方法来获取包含某个键/值对的条目的计数？
这个方法似乎会在我要通过的列表变得很大时造成瓶颈。
下面是一个简单的问题示例：
class App extends React.Component {
constructor() {
super();
this.state = {
animals: [
{type: 'cat'},
{type: 'dog'},
{type: 'cat'},
]
};
}
浏览 1提问于2016-10-08得票数 0
回答已采纳
4回答
如何使用将新值推入当前数组？
javascript、arrays、reactjs、react-hooks、use-effect
这是源代码。
import React, { useState } from "react"
import ReactDOM from "react-dom"
import "./styles.css"
function App() {
const [arr, setArr] = useState([1,2,3])
return (
<div className="App">
<h1>
Length:{arr.length}
浏览 3提问于2019-12-21得票数 1
回答已采纳
3回答
如何在React组件的状态内拼接数组
javascript、node.js、reactjs、codesandbox
我正在制作一个时间表应用程序。index.js将呈现该表。表的行是从子数组中读取的。子数组读取状态以保持自身更新。AddRow()运行得很好。DeleteRow()有一些问题。我打算从事件中获取parentNode id，查找状态数组，拼接它，并让子对象更新自身-这反过来又更新呈现。因此，当一行被删除时，它会从状态数组中拼接出来，然后在子数组中进行更新，然后呈现出来。DeleteRow运行除array.splice或indexOf部件之外的所有内容。我甚至尝试了一个for循环，但它不起作用。我的方法正确吗？ index.js
import React from "react&
浏览 54提问于2019-06-01得票数 0
回答已采纳
1回答
上下文使用者中的useReducer在某些位置更改后不会更新。
reactjs、ionic-framework、react-hooks、use-reducer、ionic-react
我在我的Ionic React应用程序中添加了一个包含useReducer钩子的上下文。我看到了一些奇怪的行为:当我用一个dispatch调用更新上下文值时，将在页面上更新一个使用者组件，但是选项卡栏上完全相同的组件不会被更新。
我跟踪了。
当我添加console.log语句以检查组件是否被重新加载时，我看到放置在选项卡栏(<TabBarCounter>)中的组件没有被重新加载，即使上下文值已经改变。
当我在上下文提供程序中添加console.log语句以检查是否重新呈现时，我发现在调用dispatch时它也不会重新呈现。
似乎上下文正在本地更新，而不是在全球范围内更新。在中有一个
浏览 2提问于2021-08-05得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
