主页 / 问题 / 1564185
Accepted
rabbit
Asked:2024-02-01 01:16:15 +0000 UTC2024-02-01 01:16:15 +0000 UTC

检查具有唯一名称的键对象数组中的空键反应

  • 772

我有一个带有数组的钩子，其中包含具有唯一名称的键列表。每个键都包含一个带有对象的数组：

const [Value, setValue] = useState([
      {
        Item1: [{test1: null, test2: null}],
        Item2: [{test1: "some text", test2: "some text"}],
        Item3: [{test1: null, test2: null}],
        ...
        ItemN: [{test1: null, test2: null}]
      }
])

密钥test1和test2名称是永久的。那些。allItem将只包含这些键。事实上，Item这样的键会有很多，我需要test1检查test2每null一个Item。访问密钥时出现问题Item。

我尝试过Object.keys，但没有得到任何结果，也没有错误：

{Object.keys(Value).map((item, i) => {
  if (item.test1 !== null && item.test2 !== null) {
     return (<div key={i}>{item.test1 - item.test2}</div>)
  }
})}
reactjs

1 个回答

  1. Best Answer

    如果采用状态格式，这是一个包含 1 个元素的数组，其中有一个带有键的对象，每个键的值都是一个带有对象的数组 (arr-obj-arr-obj)，那么代码将如下所示这：

    const Value =  [{
        Item1: [{test1: null, test2: null}],
        Item2: [{test1: "some text", test2: "some text"}],
        Item3: [{test1: null, test2: null}],
        ItemN: [{test1: null, test2: null}]
      }];
// получаем значения из 1го элемента массива
const res = Object.values(Value[0]).map((item, i) => {
  // проверяем в 1м элементе массива ключи
  if (item[0].test1 !== null && item[0].test2 !== null) {
     return 1;
  }
  return 0
})

console.log(res)

    虽然在我看来数组在这里是多余的并且你可以摆脱它们，但是状态和验证代​​码将如下所示：

    const Value =  {
        Item1: {test1: null, test2: null},
        Item2: {test1: "some text", test2: "some text"},
        Item3: {test1: null, test2: null},
        ItemN: {test1: null, test2: null}
      };

const res = Object.values(Value).map((item, i) => {
  if (item.test1 !== null && item.test2 !== null) {
     return 1;
  }
  return 0
})

console.log(res)

    稍后我会将其包装成一个片段并按顺序排列。打电话不方便（

    • 1

相关问题