如何檢查對象的有效性？

Question

我有以下對象：

{
     "title": {
         "type": null,
         "message": null
     },
     "first name": {
         "type": null,
         "message": null
     },
     "lastName": {
         "type": null,
         "message": null
     },
}

如何檢查嵌套對象之一是否具有type屬性的值error （字符串類型）。

如果其中一個對象具有type的值error ，則我的方法isValid()應返回布爾值 false。

該對象在 useState 鈎子中使用，如下所示：

const [validateObj, setValidateObj] = useState(sampleObj);

..我想用這個方法：

const isValid = (): boolean => {
  return // hmm?
};

Answer 1

以下應該做你正在尋找的：

const isValid = (): boolean => 
    Object.values(validateObj)             // get the list of values
          .every(o => o.type !== "error"); // check that no type is "error"

每個的文檔：

every() 方法測試數組中的所有元素是否通過提供的函數實現的測試。 它返回一個布爾值。

由於您在 React 組件中使用它，因此您不希望該函數在每次渲染時都發生變化，而只在validateObj發生變化時才發生變化。 為此，您可能需要查看useCallback掛鈎的文檔。