按错误对象集合中值为 true 的属性进行筛选

Question

我有一个对象，其中有几个不同的布尔错误。我想遍历这个对象并找出哪些错误是真的，并显示它们也在对象中的消息，但不显示那些是假的。

我尝试使用.some()和.reduce()功能，但似乎无法让它们工作。

const Errors = home => {
  const errors = [
    {
      message: 'This home requires an image.',
      error: true,
      buttonText: 'Add Image',
    },
    {
      message: 'This home requires two images.',
      error: false,
      buttonText: 'Add Image',
    },
    {
      message: 'This home was unpublished by the dealer.',
      error: true,
      buttonText: 'Publish Home',
    },
  ];
  return errors.some(error => error.message);
};
const MainComponent = () => {
  return(
    <Errors />
  );
}

我只想显示正确的错误。

Answer 1

使用.filter仅过滤为真的错误，.map仅显示消息

return errors.filter(e => e.error).map(e => e.message)