将React useState挂钩转换为传入属性并更新属性值

文章/答案/技术大牛

发布

1回答

javascript、reactjs、typescript、react-hooks、react-props

现在，我需要将它们更改为默认属性，因为我们希望能够在Storybook中实际测试每个验证。但是，如果我传入className={${props.isOneSpecialCharacter?我确实考虑过使用useState来更新对象，如下所示： const [oneSpecialCharacter, setOneSpecialCharacter] = useState({ oneSpecialCharacter); 然后将oneSpecialCharacter设置为等于props.

浏览 47提问于2020-12-02得票数 1

1回答

如何使用react钩子将状态属性的值保持在组件的父更新之外？

reactjs、react-hooks

我是react钩子的新手，我正在使用一个功能组件，其中的状态包含某个属性'view'：react钩子的好处是在组件状态更新之后保留属性值，但是为什么在组件的父组件由于其自身的状态更新而呈现时，它不能保留它呢？有没有可能以某种方式将它保持在这样的情况下，使用任何react挂钩？

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

1回答

为什么在Nextjs中没有定义ReferenceError:窗口

reactjs、next.js、window、use-state、referenceerror

我试图在Nextjs中使用带有useState属性的window挂钩。但是，我得到了错误，ReferenceError: window is not defined。目标：每当屏幕大小更改时更新大小状态import { useState } from 'react' const [size, setSize] = useStat

浏览 10提问于2021-11-18得票数 1

2回答

用于初始化useState钩子的传入属性在调用钩子的更新程序方法时得到更新

reactjs、redux、react-redux、react-hooks

给定以下代码： const [myStatefulObj, setMyStatefulObj] = useState(myObj.subObj} } 我试图用useState初始化一个新的本地属性，并用一个从父组件传入的属性来补充它的初始值。当我使用setMyStatefulObj更新我的属性时，除了<e

浏览 17提问于2019-11-21得票数 0

3回答

React Hooks状态未更新

javascript、reactjs、react-native

我无法更新我的react钩子状态。 setPayloadData[key] = text } const [payload, setPayloadData] = useState

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

3回答

如何将此React类组件转换为函数组件

reactjs、react-hooks

我正在尝试将类组件转换为函数组件，但失败了。这是我想要转换的类组件：import '.user.id}>{user.username}</li> </ul> );} 这是将类组件转换为</e

浏览 4提问于2020-06-13得票数 0

2回答

自定义React本机Hook运行两次调用它的组件。我不明白为什么

reactjs、react-native、async-await、react-hooks、aws-amplify

它们的代码如下：import React, { useState, useEffect } from "react"; } const [id, setId] = useStatesetId(userId);

浏览 6提问于2021-12-29得票数 1

回答已采纳

2回答

反应:设置useState()钩子清除输入字段？

javascript、reactjs

每当我在自己的React应用程序中设置状态时，它都会清除输入(复选框、数字)。这里有一个非常简单的版本来说明这个问题。import React, { useState } from "react"; const [dummy, setDummy] =useState(false); setDummy((dummy) => !添加数字，然后单击复选框<e

浏览 12提问于2022-02-11得票数 1

回答已采纳

3回答

使用setState赋值时出现问题

javascript、reactjs、object、react-hooks、use-state

刚开始使用React，并且在尝试对Textfield进行更改以更新状态时遇到一些问题。使用一个使用useState设置初始状态的功能组件。import React, { useState } from 'react'; const NewF

浏览 56提问于2020-02-11得票数 0

回答已采纳

3回答

在中，如何将onInput事件延迟到完成键入

javascript、reactjs、event-handling

我目前有一个输入字段，用于在输入11位数字时触发api调用。怎样才能把打电话的时间推迟到所有11位数都打好了呢？

浏览 3提问于2021-09-01得票数 1

回答已采纳

3回答

如何使用react显示响应数据

javascript、html、reactjs、typescript、rabbitmq

我正在用rabbitMQ和react做一个项目。我确实连接了rabbitMQ服务器和我的react应用程序，最终我成功地从服务器上获得了一些数据。

浏览 61提问于2020-07-09得票数 1

回答已采纳

1回答

多步验证var

javascript、reactjs、redux、frontend

我想在我的React Redux应用程序中实现valdiate方法。我有一个还原器，它为状态添加了一些元素，但我需要验证这一点：将来，我可以在我的应用程序中添加新的验证规则。我试着用这样的钩子： e.preventDefault(); 您可能有<e

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

回答已采纳

2回答

是否可以在ReactJS中将部分API调用替换为prop值？

javascript、reactjs、react-hooks、jsx

DataFromJson.test.map(a => a)} json中的数据格式如下： {test:[{value: 1}], test2:[{value:2}]} 因此，测试是一个附加到DataFromJson之后值(无论何时将一个值传递给组件，test都会更改为任何值)。

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

回答已采纳

2回答

使用default参数和useEffect防止函数组件出现无限循环

javascript、reactjs

当在React中创建一个函数组件并设置一个默认参数时，一切都像预期的那样工作，该组件将被渲染一次。

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

2回答

React JS切换/在悬停时添加类

javascript、reactjs、events、dom-events、animate.css

我正在使用React的animate.css库，并尝试设置一个元素(按钮)，使其在鼠标悬停时产生脉冲。我试着翻看文档和这里，但找不到完成这个简单任务的方法。如果有人已经做到了这一点或找到一个参考将非常感谢。

浏览 2提问于2017-06-16得票数 14

回答已采纳

2回答

从函数外部访问从该函数获取的值

javascript、reactjs、function、global-variables

我需要从函数作用域之外访问BMI值，但它总是返回未定义的值。它已经在函数外部定义了，所以我不确定它为什么会出现问题。我实际上找到了解决这个问题的办法，但结果代码看起来并不是那么优化。

浏览 17提问于2020-12-03得票数 1

回答已采纳

3回答

如何在本例中正确使用useState？

javascript、html、reactjs、redux、state

我有以下代码： name: '', email: '',password: '' 然而，我需要这样的东西： const [surname,setSurname] = useState('&#

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

回答已采纳

2回答

在这个错误消息中“直接在useEffect中移动这个变量”是什么意思？

reactjs、react-hooks、use-effect

我试图通过props将一个对象传递给子组件。该值是在useEffect钩子中设置的，在传递给子组件时会丢失。“每次呈现后，从React H

浏览 2提问于2019-05-16得票数 41

回答已采纳

4回答

什么是React中的useState？

reactjs、react-hooks

我正在学习React，偶然发现了这个"useState“。它能取代其他生命周期钩子吗？

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

2回答

带有react钩子的计数器不能正常工作

reactjs、react-hooks、use-state

我用useState钩子做了一个计数器；这个应用程序显示+和-按钮以及一个文本，最初是0。import React, { useState } from 'react'; const [state, setState] = useState({当我不初始化incValue: 1状态并使用1而不是state.incValue进行增量时，它可以工作。为什么上面的代码不起作用？

浏览 3提问于2020-11-19得票数 0

回答已采纳

点击加载更多