React.js：从 state 数组（钩子）中获取特定值作为字符串

Question

我想在我的 state 数组中获得一个特定的值

如果我执行 console.log，state 阵列看起来像这样

profileModule  
(2) […]
​
0: Object { moduleId: "4E948025-1F1B-41E2-A18D-55AD8646810B", module: "Client Maintenance", description: "Client Enrollment", … }
​
1: Object { moduleId: "C77C1031-2714-483D-AE59-21C9CD5EBAEF", module: "Bank Maintenance", description: "Bank Enrollment", … }
​
length: 2
​
<prototype>: Array []

我想获取 moduleId 并将其设置为 String

我试过这个，但它不起作用。 它说未定义。

useEffect(() => {
    const moduleId = profileModule.moduleId
    console.log("moduleId ", moduleId)
  }, [profileModule]);

任何帮助都可以。 TIA

Answer 1

Profile Module 是一个数组

您需要获取要检索的配置文件模块的索引。

useEffect(() => {
    const moduleId = profileModule[0].moduleId // gets the 1st index
    console.log("moduleId ", moduleId)
  }, [profileModule]);

但我认为您不希望这是 static。 你知道你要检索什么索引吗？

检索 ID 列表

如果要优化，可以在此代码上使用备忘录或回调。

const idsArray = profileModule 
  ? profileModule.map(({moduleId}) => moduleId);
  : [];