Javascript 如何在react中过滤对象？

这是我的问题，在第一张图片中。 我映射我的对象，它正确显示我的对象， 我只想筛选包含啤酒名称的项目

    let addedItems = this.props.items.length ?
    (      
        this.props.items.map(item => {
        return (
            <div className="homeProduct">
                    <Media  >
                        <Media body className="mediaBodyContainerHome">
                            <div className="mediaBodyTitle">
                                <Media heading className='MediaTextHome'>
                                    {item.title}
                                </Media>
                            </div>

                        </Media>
                    </Media>

---

您可以这样做：

    let addedItems = this.props.items.length ?
    (      
        this.props.items.map(item => {
        return (
            <div className="homeProduct">
                    <Media  >
                        <Media body className="mediaBodyContainerHome">
                            <div className="mediaBodyTitle">
                                <Media heading className='MediaTextHome'>
                                    {item.title}
                                </Media>
                            </div>

                        </Media>
                    </Media>

let addedItems = this.props.items.length ?
    (      
        this.props.items.filter(item => item.ctg==="beers").map(item => {
        return (
            <div className="homeProduct">
                    <Media  >
                        <Media body className="mediaBodyContainerHome">
                            <div className="mediaBodyTitle">
                                <Media heading className='MediaTextHome'>
                                    {item.title}
                                </Media>
                            </div>

                        </Media>
                    </Media>
            <div>
    ) : "Another rest condition"

让addedItems=this.props.items.length？
(      
this.props.items.filter（item=>item.ctg==“beers”）.map（item=>{
返回(
{item.title}
)：“另一种休息条件”

太好了。如果这解决了您的问题，请确保正确标记答案，以便对其他人也有帮助。