如何访问从API调用返回的对象的值

Question

我有一个API，我正在尝试过滤出评级为“ Rx”的每个标题。返回的json数据存储在名为dataItems的变量中。示例：如果我想返回第一个对象的评分，则可以执行dataItems [0] .rated下面是我尝试过滤掉所有标为“ Rx”的内容的尝试。class AnimeCard extends Component {  render() {    const { dataItems } = this.props    console.log(dataItems)    return (      <AnimeCardWrapper>        {dataItems.filter(item => item !== item.rated['Rx']).map((item, index) => {          return (            <AnimeCardItem>              <PosterImg src={item.image_url} alt="poster" />              <CardTitle key={index}>{item.title}</CardTitle>              <p>{item.score}</p>              <p>{item.rated}</p>            </AnimeCardItem>          )        })}      </AnimeCardWrapper>    )  }}这样做会给我以下错误：“ TypeError：item.rated为null”我试图将字符串“ Rx”拉出到变量中，然后进行rated [rxVariable]，但是我仍然收到相同的错误。我也尝试使用Object.values（），但是我仍然没有运气。我敢肯定，有些事情我正在忽略。为了清楚起见，我想显示除评级为“ Rx”的所有项目之外的所有项目

Answer 1

我相信您应该将行更改dataItems.filter(item => item !== item.rated['Rx']为dataItems.filter(item => item.rated !== 'Rx'