从函数体外部调用React setState

文章/答案/技术大牛

发布

1回答

javascript、reactjs

对于React，我还是个新手，我正在尝试通过调用API来验证一些输入数据，从而让一些动态内容工作起来。offer和offerState都显示在下面的例子中，但是offerState不工作(错误:无效的钩子调用。钩子只能在函数组件的主体内调用。)</form>

浏览 32提问于2021-05-26得票数 0

回答已采纳

2回答

反应:成分功能的副作用与效应的区别？

javascript、reactjs、react-hooks、use-effect

我试图理解在组件函数中产生副作用与在没有传递依赖数组的效果中具有副作用之间的实际区别(因此，每次呈现都应该触发)。据我所观察，它们都以相同的频率运行。重要的是： const [count, setCount] = React.useState(0); React.useEffect

浏览 9提问于2022-03-30得票数 2

回答已采纳

3回答

在React中调用setState后如何调用2个函数？

reactjs、function、callback

在setState更新后，我必须调用2个函数。我想使用回调函数。但问题是，一个函数存在于当前组件中，另一个函数是我正在调用的子组件的另一个函数(使用refs)。代码看起来像这样： }

浏览 0提问于2019-11-27得票数 1

2回答

我有一个带有输入的React组件，还有一个可选的“高级输入”：Hide Advanced...如果您单击“隐藏高级”，则底部的高级将消失，这将更改为“显示高级但是，外部JS代码可能会更改advanced的值，在这种情况下，如果高级输入当前处于隐藏状态，并且值不同于默认值，则我希望显示高级输入。然而，用户应该能够单击“隐藏高级”来再次关闭它。因此，有人从外部调用cmp.setState({advanced: "20"})

浏览 4提问于2014-09-12得票数 6

回答已采纳

2回答

将SideEffect从useEffect钩子中反应出来

javascript、reactjs、react-hooks、use-effect

import React from "react"; const [state, setState] = React.useState(false); setState(!state); r += 1; console.log("

浏览 2提问于2021-06-08得票数 3

回答已采纳

2回答

如何区分是什么导致了React组件的呈现:从组件的内部或外部呈现的东西？

reactjs

我有两个嵌套的react组件：Outer和Inner。每当我调用setState of Inner时，都会调用内部组件的render。此外，每当我调用外部组件的setState时，都会调用外部组件和内部组件的render函数。我想区分这两种情况，并检测内部组件的呈现方式。根据这一点，我的render函数Inner的行为应该有所不同。

浏览 3提问于2016-07-21得票数 6

回答已采纳

1回答

在事件处理程序(ReactJS)中调用外部函数

reactjs、import、event-handling、react-hooks

是否可以在事件处理程序中调用外部函数？我只是想在点击时运行一个外部函数，更重要的是我还想将一些状态作为道具传递给外部函数。示例代码如下： child.js import React from 'react'; //some logicto invoke }; parent.js import <

浏览 13提问于2020-09-16得票数 0

回答已采纳

1回答

两个箭头函数返回之间的差异

javascript、reactjs、jsx

在react箭头函数中，返回体用括号括起来 count:state.count+1但是在normal函数中，我们用花括号包装了返回体this.setState((state)=>{ }) 谁能告诉我函数的两个返回体有什么区别吗？

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

4回答

React -使用状态外的函数设置组件状态，这是错误的吗？

javascript、reactjs、react-native、ecmascript-6

在React组件之外的函数中使用setState是错误的吗？// myFunction.js ...this.setState({ ... })import myFunction from '.

浏览 0提问于2018-04-30得票数 3

1回答

反应元件安装寿命周期称为两次反应16.13.1

reactjs

我使用的是react 16.13.1，使用3.4.1创建了react应用程序。import React, {Component} from 'react'; </div> }export default FirstCom

浏览 4提问于2020-04-14得票数 1

回答已采纳

2回答

函数在试图向div中注入useState元素时，不作为React子函数有效。

node.js、reactjs

当我试图使用{setpickupcoord}将这个元素注入到div中时，我会得到这个错误。 const [dropoffcoord, setdropoffcoord] = useState(); let pickup = "Skoura Mdaz"; `https://api.mapbox.com/geocoding/v5/map

浏览 1提问于2021-11-06得票数 0

回答已采纳

3回答

如何在react组件中使用/存储部分视图(ASP.NET)，并将其用作JSX？

javascript、html、reactjs

在react组件中，我将存储在this.state.partiallogin html元素中： axios.get('/account/loginpartial').then(o => { });在renderREMARK2:当我使用this

浏览 0提问于2018-04-11得票数 0

回答已采纳

1回答

useCallback()依赖数组与常量引用回调

reactjs、react-hooks

根据正式文档的反应，如果使用以前的状态计算组件新状态，则可以将函数传递给setState。该函数将接收前一个值，并返回一个更新的值。btnClick = useCallback(() => setCounter(previous => previous+1), []);//(2) btnClick作为呈现按钮的'onClick‘事件的回调函数传递在(1)中，每次修改btnClick状态变量时都更新counter函数引用。在(2)中，btnClick函数</

浏览 5提问于2022-03-14得票数 3

2回答

反应条件渲染：(A)等待挂载子对象

javascript、reactjs、asynchronous、async-await

我有一个React类组件，它在默认情况下呈现null，并在调用activate()函数后呈现一些子级。大致如下： ...JavaScript脚本(调用激活函数)。简而言之，我的问题是在这个外部JS脚本中调用activate()并尝试访问<Child />组件中的HTMLElements之后(使用document.getElementB

浏览 1提问于2021-04-24得票数 0

2回答

如何设置全局可用的react变量(也可以在浏览器控制台中使用)？

reactjs

需要从组件树外部调用该函数 globalVar.callback = (data) => { this.setState({...}); }

浏览 0提问于2016-12-19得票数 0

2回答

导出react组件内部的函数或组件外部同一文件中的访问状态

reactjs

我有一个需要从文件中导出的函数，但同时，我需要利用react状态在更新时重新呈现。const filter = some filter;this.setState({ filter

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

3回答

为什么useState导致dom呈现两次

reactjs

我有一个简单的hello-world示例来尝试useState钩子；但是，当我在控制台中输出测试信息时，我发现每当我启用useState时，控制台日志就会记录到信息的两倍。

浏览 7提问于2020-04-09得票数 4

回答已采纳

2回答

为什么useState会导致多次重新渲染

reactjs

我正在调查为什么useState原因会像下面的应用程序或那样渲染这么多次 const[name, setName] = React.useState("unknown"); React.useEffect(() => { const doIt = async ()

浏览 0提问于2020-07-16得票数 0

1回答

等待标志= true失败时，标志始终为false

typescript、react-hooks

现在，我正在用一个简单的setTimeout伪造服务器调用，该true设置了2秒后在true上创建的数据标志。然而，这个标志永远不会变成真的。

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

回答已采纳

1回答

如何使我的对象方法全局可访问

javascript、reactjs

我使用一个外部js文件，其中我定义了几个对象方法，这样我就可以在组件中的任何地方访问它们。在我的身体里。 var callListeners = { onCallProgressing: function (call) {

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

点击加载更多