React调用函数调用在无状态组件的属性中传递的setState

文章/答案/技术大牛

发布

1回答

setState未更新react组件中的值

reactjs、setstate

我正在尝试更新react组件中的状态。我调用这个函数： console.log('activePaymentMethod',this.state.activePaymentMethod//value is 20289 order.activePaymentMethod = null;

浏览 0提问于2019-06-12得票数 0

3回答

使用setState()后，React本机状态未更新

react-native、counter、setstate

我在React Native的一个类中有一个状态和函数，我用它来创建一个计数器来计算完成的任务数。在我的updateTaskCountHandler()函数中，taskCount成功地将前一个值计数为+1，但是在控制台记录将completeTasks设置为新值之后的值时，它没有显示completeTasks如何正确更新completeTasks的状态？className) {

浏览 21提问于2021-04-23得票数 0

回答已采纳

3回答

React JS :在父组件中调用子组件方法(使用typescript进行反应)

reactjs、typescript、callback、setstate、react-component

我正在尝试创建一个自定义的数字选择器组件，并尝试将其添加到任何需要它的组件中。但是，当我试图获取父组件中的数字选择器值时，我得到的是较旧的值。有人能帮我一下吗？数字选择器组件 import * as React from "react"; value: number; interface IPr

浏览 53提问于2019-03-20得票数 1

回答已采纳

1回答

是否可以访问function呈现函数之外的状态变量？

reactjs

是否可以在render()之外访问状态变量，但在内部响应自定义组件方法？res => res.json()) const days = this.getRainyDays(json) this.setState

浏览 4提问于2019-08-09得票数 1

回答已采纳

3回答

无法理解React回调签名“setState (setState[，callback])”

javascript、reactjs、react-native

我知道这可能是一个JavaScript问题，而不是React问题，但我不能理解React setState的上述签名。方括号和逗号在函数参数列表中做什么？我知道如何在更新程序中使用它，但是如何在回调中使用它，这是什么语法？

浏览 1提问于2019-06-07得票数 1

1回答

javascript、reactjs

我正在用React.JS制作过滤器组件。其中一些过滤器组件嵌入在面板(div)中。面板的包装部分如下所示： Initiative <a onClick={() => {this.setState({ showInitiatives: true })}} className确实会被调用。因此，我看到状态被打印到控制台。然而，this.setState({ showInitiatives: false })似乎

浏览 13提问于2018-02-01得票数 0

回答已采纳

3回答

为什么状态不按预期更新？

javascript、reactjs、tic-tac-toe、setstate

我目前正在构建一个TicTacToe游戏，并希望将我当前的玩家存储在状态为currentPlayer。在一个玩家移动后，我将currentPlayer更新为另一个播放器。但是，当我尝试将新状态记录到控制台时，它不会产生更新状态的值。currentPlayer value from state. // It then switchs the value of currentPlayer from X to O and calls setState'O'

浏览 1提问于2019-03-21得票数 2

回答已采纳

2回答

从外部调用React setState挂钩(DOM/Google Maps)

javascript、reactjs、react-hooks

我正在构建一个使用各种useState()钩子的函数React组件。它们中的每一个都提供了一个状态和一个可以被调用来更新它的函数。这在react本身内部工作得很好。但在我的场景中，我还必须处理其他(DOM/Google Maps)环境。作为放在Google map上的DOM元素的回调，我想调

浏览 1提问于2019-08-06得票数 0

1回答

你能把它作为参数传递给React中的无渲染组件吗？

javascript、reactjs、ecmascript-6

这个问题特别与传递'this‘以便在React无呈现组件中设置状态有关 } this.XhrLoader();}在导出此函数时，app.setState</e

浏览 0提问于2018-12-20得票数 0

4回答

React onChange事件/ setState

javascript、reactjs、onchange、setstate

我试图使筛选项具有功能，并遇到以下代码：当我使用filterItems时，第二个参数setState的目的是什么

浏览 1提问于2019-12-24得票数 1

回答已采纳

1回答

更改子输入时，不刷新Reactjs父状态

reactjs

我创建了一个组件，想要包装文本输入并为其添加一些功能。 <Input value={this.state.name} /> 在子组件中，在文本输入旁边有一个删除按钮，以便在单击文本时清除文本。onClick = {removeText} </div>) } 因为输入组件是函数问题是当子组件中的<

浏览 18提问于2019-01-05得票数 2

回答已采纳

1回答

react设置状态回调传递参数的正确方式

javascript、reactjs、ecmascript-6

我正在使用React的setState方法，并在状态更新后调用另一个函数。 return { } }, this.clearResult

浏览 0提问于2018-02-07得票数 4

回答已采纳

1回答

React JS -当localStorage状态改变时，获取一个单独的组件以重新呈现

javascript、reactjs、local-storage

我有两个组件。其中一个称为"GenerateRecipesFromList“，是一系列包含食谱标题的"boxes”，另一个是称为“AddButon”的子组件。现在，Add按钮可以更新localStorage，但是为什么它不能在父组件中“触发”状态更改和重新呈现呢？我的CodePen是 getInitialSta

浏览 0提问于2016-09-28得票数 2

3回答

如何确保reactjs状态更新，然后调用函数？

reactjs、state、race-condition

我正在尝试使用reactjs来更新状态，一旦状态更新，就会触发一个ajax调用，请求一个新页面。就在触发ajax调用之前，设置了一个偏移量变量：var offset = this.state.npp * this.state.page;然而，我发现在触发clickNextPage()之后，this.state.page的值并没有更新。我根本不明白这里发生了什么，这似乎是一个竞争条件，因为我用{this.state.page}观察了我的render()函数的</e

浏览 58提问于2015-09-12得票数 16

回答已采纳

3回答

如何在react中更改导航栏标题的值？

javascript、reactjs、react-router、navbar、react-bootstrap

我刚学会了react，我试着用Bootstrap做一个网站。假设下面的图片是我的网页。当我浏览左上角路径为"/project/react“的链接时(导航栏标题的值为"React")，然后浏览路径为"/project/bootstrap”的链接，我希望左上角的路径为“/project/Bootstrap”(导航栏标题的值为"Bo

浏览 1提问于2020-01-02得票数 2

2回答

我应该把CRUD操作放到reactjs应用程序中吗？

reactjs、crud、idioms

我肯定他们是对的，因为我才刚开始。一个常见的被引用的真理是，react只是视图层。这很棒，但我只想知道，我把我的其他东西放在哪里？我有一组非常直观的组件，它们一起显示了嵌套数据类型的列表，并允许进行一些编辑、创建和删除。使用数据的组件通过从获取数据的父级的支持向下传递数据。这方面的最佳实践是什么，惯用的方式，反应的方式?我<em

浏览 0提问于2017-12-17得票数 0

回答已采纳

5回答

setState在react.js中的应用

javascript、reactjs

关于调用setState的匿名函数，我有一个问题。我试图做一个基本练习()，当你点击它时，按钮上显示的数字会增加。function Button() { return <button onClick={() => setStatestate}</button>; <Button />

浏览 6提问于2020-12-13得票数 0

回答已采纳

2回答

componentDidUpdate每次换路两次

reactjs、react-router、react-redux

在我的应用程序中，我有一个HomePage组件，其中包含导航链接。此组件的路由是<Route to="/browse/:item" exact component={HomePage} />。因此，该组件有一个导航栏，其中包含指向“子路由”的NavLink链接。，以查看状态或道具是否确实发生了更改(这将导致重呈现)，但它们保持不变。编辑:代码在github 组件上，我看到<

浏览 1提问于2018-07-21得票数 5

回答已采纳

8回答

为什么setState在reactjs中是异步的，而不是同步的？

javascript、multithreading、asynchronous、reactjs

我刚刚发现，在react中，任何组件中的this.setState()函数都是异步的，或者是在调用它的函数完成后调用的。现在我搜索并找到了这个博客() 在这里，他发现setState是异步的(当堆栈为空时调用)还是同步的(调用时立即调用)，这取决于状

浏览 48提问于2016-03-18得票数 161

1回答

setState的回调函数只在呈现时将最后一个组件的状态填充到父组件的状态

reactjs、react-hooks

为了将子组件的状态传递给父组件的状态，我有一个回调函数。尽管似乎只有最后一个组件将其状态传递给父组件。我的孩子部分： import React, { use

浏览 5提问于2020-02-04得票数 1

回答已采纳

点击加载更多

setState未更新react组件中的值

使用setState()后，React本机状态未更新

React JS :在父组件中调用子组件方法(使用typescript进行反应)

是否可以访问function呈现函数之外的状态变量？

无法理解React回调签名“setState (setState[，callback])”