如何遍历 React 中的字典以分别获取值并使用 html 显示？

根据 的输出console.log(Object.entries(errors).map(([key, value]) => value));，您的errors变量如下所示：

const errors = [
  ["required something", "invalid"],
  ["some other stuff", "required"]
];

或者像这样：

const errors = {
  error1: ["required something", "invalid"],
  error2: ["some other stuff", "required"]
};

您的默认值很[]容易让人相信是前者，但您的使用Object.entries暗示了后者。

它之所以重要，主要是因为这种情况： errors.length > 0

所以我将解决这两种情况。假设您的errors变量是前一种情况，即数组。然后渲染它，你只需这样做：

 {errors.length > 0 &&
     errors.map(([key, value]) => {
          return <div key={key}>{key}</div>;
   })}

但是，如果errors变量是后一种情况下的对象，那么您将像这样渲染它：

{Object.entries(errors).length > 0 &&
    Object.entries(errors).map(([key, value]) => {
       return <div key={value[0]}>{value[0]}</div>;
  })}