[英]How can I add a transition between re-renders of a specific state value in React?
我在 React 和 Sass 项目中有以下代码：
<header className="App-header" style={{backgroundColor: accentColour, color: accentColour}}>
之前使用 useState() 定义了 AccentColour，因此当我 setAccentColour(newcolour) 时，React 会将背景重新渲染为新颜色。 我的问题是，如何在不同颜色之间添加颜色过渡 - 以便当重音颜色更改时一种背景颜色平滑过渡到下一种背景颜色？
你可以做的是类似的事情：
<header className="App-header" style={{ backgroundColor: `${accentColor}`, transitionDuration: '500ms' }}>
如何限制react-redux连接更新重新渲染到特定的状态分支？
[英]How to limit react-redux connect update re-renders to specific state branches?
如何在不使用 useMemo 钩子的情况下减少不必要的重新渲染？
[英]How can I reduce unnecessary re-renders in react without using the useMemo hook?
你能控制基于 state 变化的功能性反应组件的重新渲染吗？
[英]Can you control the re-renders of a functional react component based on state change?
如何正确设置组件的状态而不会在每次重新渲染时都将其擦除？
[英]How can I properly set my component's state without it being wiped every single time it re-renders?
如何从使用该钩子的钩子更新组件中的 state 而不会导致无限重新渲染？
[英]How can I update state in a component from a hook where that hook is used without causing infinite re-renders?
React 功能组件随着数组状态的变化呈指数级重新渲染
[英]React Functional Component Re-renders exponentially with array state change
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.