React:我能不能在不重绘的情况下改变一个状态(useState)，这样我就可以看到一个css转换？

文章/答案/技术大牛

发布

1回答

javascript、css、reactjs、react-hooks、css-in-js

我有不同的“卡片”，在单击onClick时，我希望修改它们的margin-left属性为此，我使用了useState，对于它，我只有一个状态，那就是存储所有卡片状态的对象下面的示例代码显示了这个问题，但是没有组件<Type>并使用简单elements数组的简化版本可以按预期工作所以，如果我需要使用像下面这样的结

浏览 15提问于2020-01-14得票数 1

回答已采纳

5回答

将类组件转换为函数组件

reactjs

我想在function component中更改这个类组件：import React from "react";import DayPicker, { DateUtils } from "react-day-picker"; import "react-day-picker/lib/style.cssthis.stat

浏览 3提问于2020-12-28得票数 0

1回答

react钩子可以用来注入组件吗？

javascript、reactjs、react-hooks、dry

一个例子可以是在错误状态的情况下显示的弹出窗口。这会导致类似这样的结果： function MyComponent(props) { errMsg={errMsg} </> } 虽然这是微不足道的

浏览 4提问于2020-01-31得票数 1

回答已采纳

1回答

对象数组上的React* setState渲染每个组件*

reactjs

我正在使用React，并希望更新处于某个状态的对象数组。({elements: newState}); </div>} 尽管数组顺序没有改变，组件的键也没有

浏览 9提问于2017-12-13得票数 1

回答已采纳

3回答

无法在异步方法中设置useState变量

javascript、reactjs、react-native、react-hooks

我正在从loadFIle方法中得到正确的文本。但是，当我尝试使用setCodeToBeDsiplayed和返回的文本来设置状态时，它不会被存储。它在下一行中给出空字符串。const [CodeToBeDsiplayed, setCodeToBeDsiplayed] = useState("") useEffect( () =>

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

回答已采纳

3回答

如何在return中显示其他函数返回的JSX？

javascript、reactjs

我正在尝试使用openweathermap api构建一个天气应用程序。正如您在下面的代码中所看到的，我使用一个布尔状态来检查表单何时被求和，这样我就可以将该值传递给<Result>组件(我使用硬代码检查了该组件，它可以正常工作)。我希望函数changeCity(在应用程序中)返回传递了city值的<Result>组件，同时更改cityEm

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

3回答

简单的反应状态在第一次请求时不会改变

reactjs

我不知道为什么，但是由于某些原因，在这个简单的演示中，为了更改testState的值，您必须提交两次表单。有人能在这里发现明显的东西吗？下面是代码： const [testState, setTestState] = useState("unset"); co

浏览 2提问于2020-11-10得票数 1

回答已采纳

3回答

react不呈现最新值

reactjs、typescript、use-effect、react-dom

对于初始呈现，我有对象date，它是一个空数组。然后我尝试从influxDB中获取数据，但是get结果不会通过重新呈现来反映。get函数正在useEffect中调用(您可以在屏幕截图中看到这一点)。我使用类型记录，为了避免在初始加载中出现错误(数据是一个空的对象数组，它没有value属性)，我使用了类型记录语法，但它仍然没有显示正确的值。它根本不显示任何东西。有什么问题吗？在最后一张照片中，我们可以看到另一种方式来

浏览 1提问于2021-09-15得票数 0

回答已采纳

2回答

复制元素的反应

javascript、reactjs、react-hooks

你好，谢谢你的帮助，下面的代码在我每次点击它的时候，我都想复制点击按钮。当前什么都不会发生，但是如果控制台显示数组在增长。这里的沙箱： const { useEffect, useState } = React; const btn = [ <buttonReactDOM.render(<App />, document.getElementById('root'));

浏览 6提问于2022-03-31得票数 0

回答已采纳

1回答

function :管理一个函数组件中的数十个按钮状态

javascript、reactjs、react-hooks、frontend

这是我的第一个反应项目。我使用引导网格生成一个从1到31的"+“形状的按钮群，这意味着我不能使用map来减少代码行数。click上更改每个按钮的颜色(通过更改它们的类名)，但是这样做是很困难的，复制相同的逻辑31次是太多的代码了，我想不出任何优雅的方法来处理它。对于每个按钮，我分配了

浏览 3提问于2022-09-08得票数 0

1回答

阻止所有组件呈现

reactjs

我有一个存储组件的变量，例如： components: [<ComponentOne key={1}/>, <ComponentTwo key={2}/>]只有客户选择的组件将被呈现，其他未选择的组件应该是备用的，但它不能被销毁，因为当客户选择另一个组件时，它应该出现，但不会重新构建。但是，当我从ComponentOne切换到ComponentTwo，然后又回到ComponentOne

浏览 0提问于2021-03-22得票数 0

2回答

如何从React子组件中设置父组件的状态？

reactjs、react-hooks、components、state

在我的反应页上： data-tab="settings" this.setState({ active_tab: "settings"<i style={{ backgroundImage: "url(/icons/settings.svg)" }} /></a>

浏览 4提问于2022-07-17得票数 0

回答已采纳

2回答

重新处理动态加载的“小部件”的代码？

javascript、jquery

下面的代码在我的UI中加载了一个“小部件”。偶尔(比如改变方向)，我不得不重新绘制瓷砖。有些内容是由脚本加载事件生成的。在重绘过程中，此事件不会再次加载。我怎样才能做到这一点？tile.name + '-content');$.getScript('tiles/' + tile.name + '/' + ti

浏览 1提问于2017-08-23得票数 1

回答已采纳

1回答

在不重新渲染子组件的情况下反应父组件的setState

javascript、reactjs、react-hooks

我有一个父组件，它有一个状态变量，它的一个子组件在交互时会更改该变量。然后，父级还根据状态变量中的数据包含一些更多的组件。问题是子组件会在其父组件的状态更改时重新呈现，这是因为对setState函数的引用发生了更改。但是当我使用useCallback (按照建议的here)时，我父母的状态根本不会更新。这是<e

浏览 20提问于2021-09-13得票数 0

回答已采纳

2回答

将状态传递到{children} React挂钩

reactjs、react-hooks

所以我有一个看起来像这样的组件：import styles from ".，看起来像这样：import styles from ".因此，我</

浏览 3提问于2020-10-09得票数 0

1回答

我的reactjs代码抛出这个错误no-unused expression

reactjs

我尝试接受一个输入，然后使用react显示输入的值。这是我的代码的一部分。编辑: App.js import React from 'react';var c=0; { ( <form onsubmit=

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

2回答

如何使用CSS更好地对模型进行动画处理？

css、reactjs

我正在尝试使用转换来更改我创建的模式在屏幕上的显示方式。我需要从左边滑入模式，但代码似乎不起作用。这个应用程序在React中。onClick={props.clicked}> <div></div> </div>} CSSfi

浏览 29提问于2020-08-13得票数 0

回答已采纳

1回答

将react作为组件进行更改的useTransition

reactjs、react-spring

我正试着给一张卡做动画。如果有选定的值，则会出现卡片。如果所选项目未定义，则卡片将消失。我把这个搞定了。显然我不明白该怎么做。我想知道我是否需要把这个分解成两张卡片，然后运行use

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

回答已采纳

1回答

使用react挂钩的响应式侧边栏

reactjs、responsive-design、react-hooks、sidebar

我正在尝试调试我的侧边栏遇到的一个问题，但是我不知道我做错了什么。侧边栏是基于innerWidth正确折叠的，但当我在移动视图上第一次加载时，侧边栏是展开的，而不是像预期的那样折叠。任何向我解释哪里出了问题的帮助都是很好的。非常感谢，下面是我的代码片段： const lo

浏览 4提问于2021-03-04得票数 1

回答已采纳

1回答

功能如何反应不重置状态？

javascript、reactjs

我的假设是，功能组件的函数只调用一次，但每次发生状态更改时都会被调用，这让我感到惊讶。如果该函数初始化状态，并且在每次状态更改时调用它，那么在每次状态更改时，如何不重置我的状态？我也看到“这里”被记录在每一个按键上。当我的函数组件的第一行出现初始化每次调用的key

浏览 6提问于2020-09-29得票数 1

回答已采纳

点击加载更多