reactjs - useEffect 停止使用 redux 重新渲染

Question

我有 3 个 div，具有不同的背景。每个背景颜色都存储在 redux 中。您可以通过单击不同的按钮来更改背景颜色。
所以我想要做的是在每次小背景发生变化时停止重新渲染整个页面。我只想重新渲染不断变化的 div。
我的代码：

//redux
INITIAL_STATE = { color1: "black", color2: "black", color3: "black"
//code    
const dispatch = useDispatch();
<div onClick={() => dispatch(changeColor1("blue")>1</div>
<div onClick={() => dispatch(changeColor2("red")>2</div>
<div onClick={() => dispatch(changeColor3("green")>3</div>

function Try(){
useEffect(() => {
  ???
},[??]
}

如何在 useEffect 中使用 changeColor 函数？这将阻止一切重新渲染？

标签： reactjs