我想从我的组件中使用一个合适的值来从redux中检索值.

更改该属性值是否会触发效果和重新渲染?

例如,在下面的代码中,调用组件对organizationId属性的更改是否会导致使用新名称记录控制台消息?

import React, { useEffect } from "react";
import { useSelector } from "react-redux";

function MyComponent({ organizationId }) { 

  const organizationName = useSelector(state => 
    state.organizations[organizationId].name
  );
  
  useEffect(() => {
    console.log(`organizationName changed to ${organizationName}`);
  }, [organizationName]);

  return (
    <>{organizationName}</>
  );
}

推荐答案

是的,会的. 该效果将被调用,因为organizationName被列为依赖项.

Reactjs相关问答推荐

如何在Pivot模式下自定义标题?

在下一个js中使用ESTAccountWithEmailAndPassword函数时循环

react -在选项中 Select 我想要显示和图像.但当我 Select 该选项时,我希望控件仅显示该选项的文本部分

是否在Extra Reducer完成作业(job)时触发createListenerMiddleware?

Reaction-Query&-使用Mutation触发成功,而应该触发错误

React Context未正确更新

在动态React组件中删除事件侦听器

为什么查询错误在处理后仍出现在控制台中?RTK查询+ React

在Reaction中导入';图片&文件夹时出错

关于forwardRef,我可以';我不理解第二个用例

如何在我的 React 应用程序中仅显示我的 Register 组件

定位数组中的一项(React、useState)

我从 S3 存储桶下载图像时收到错误

useEffect 和 ReactStrictMode

Firebase查询返回随机用户数据,而不是过滤后的用户数据

如何使用 cypress 获取 MUI TextField 的输入值?

react-query、react-hook-form 和表单验证

.filter() 函数在删除函数中创建循环 - React

如果查询不存在,如何返回所有产品?

设置 Material UI 表格默认排序