javascript - ReactJS 中的过滤器嵌套对象

Question

我正在尝试过滤嵌套的对象数组，但它没有按预期工作......

这是我的 json:

[
    {
      "seasson_number": "1",
      "episodes": [
        {
          "number": 1,
          "video_url": "http://test.com",
          "name": "Testing"
        },
        {
          "number": 2,
          "video_url": "http://test.com",
          "name": "Testing"
        }
      ]
    },
    {
      "seasson_number": "2",
      "episodes": [
        {
          "number": 1,
          "video_url": "http://test.com",
          "name": "Testing"
        },
        {
          "number": 2,
          "video_url": "http://test.com",
          "name": "Testing"
        }
      ]      
    }
]

这是我按 season_number 进行过滤并获取剧集名称的函数:

const episodios = this.state.seassons
        .filter(seasson => {
            return seasson.seasson_number === "2"; // sample number
        })
        .map(seasson => {
            seasson.episodes.map(episode =>{
                return (
                    <h2>{episode.name}</h2>
                )
            })                
        });

Answer 1

在您的第一个 map 函数中，您应该添加一个 return 语句:

map(seasson => {
        return seasson.episodes.map(episode =>{
            return (
                <h2>{episode.name}</h2>
            )
        })                
    });