Javascript 将筛选器应用于React数组并显示筛选结果

我正在尝试过滤用React Js编写的数组，但到目前为止，我没有得到一个未定义的错误。我想过滤一些值小于10的图像

我尝试应用过滤器的方式如下所示：

{this.images.filter（（image:any={}）=>image.value<10）}

但有些事情不对劲

我的过滤器出了什么问题？如何编写过滤器以使代码正常工作

export class somePageImages{

  images: any[] = [
    { img: 'http://www.someimage.com/', value: 4, title: 'Image 1', description: 'A description 1' },
    { img: 'http://www.someimage.com/', value: 6, title: 'Image 2', description: 'A description 2' },
    { img: 'http://www.someimage.com/', value: 10, title: 'Image 3', description: 'A description 3' },
  ]

  render() {
    return (
      <Host>
        <ol>
          { this.images.map((image:any={}) =>
            <li>
            <img src={image.img}></img>
            <h1>{image.title}</h1>
            <p>{image.description}</p>
          </li>
          )}
        {this.images.filter((image:any={}) => image.value < 10)}
        </ol>

      </Host>
    );
  }

}

导出类somePageImages{
图像：任意[]=[
{img:'http://www.someimage.com/，值：4，标题：'Image 1'，说明：'A description 1'}，
{img:'http://www.someimage.com/，值：6，标题：'Image 2'，说明：'A description 2'}，
{img:'http://www.someimage.com/，值：10，标题：'Image 3'，说明：'A description 3'}，
]
render（）{
返回(
{this.images.map（（image:any={}）=>

{image.title}
{image.description}


)}
{this.images.filter（（image:any={}）=>image.value<10）}
);
}
}

我必须将过滤器置于不同的位置才能正常工作：

this.images.filter（（image:any={}）=>image.value<50）.map（（image:any={}）

---

通过这种方式，它可以正常工作，没有任何

未定义的
错误
在已在此.images.map（..）中打印阵列之后，您正在渲染函数+中过滤阵列？