Styjun

Colored grid with coordinates on all sides?

What caused the end of cybernetic implants?

My colleague treats me like he's my boss, yet we're on the same level

Properly unlinking hard links

A word for the urge to do the opposite

Large molecule dataset

Sum and average calculator

Can a human variant take proficiency in initiative?

Why don't "echo -e" commands seem to produce the right output?

Moving DNS hosting for Active site to Route 53 - with G Suite MX TTL of 1 week

Is there anything in the universe that cannot be compressed?

How does the search space affect the speed of an ILP solver?

How did the Altair 8800 front panel load the program counter?

How to draw a true pie chart?

Turn off Google Chrome's Notification for "Flash Player will no longer be supported after December 2020."

LINQ Extension methods MinBy and MaxBy

Is Borg adaptation only temporary?

How to load files as a quickfix window at start-up

Am I required to correct my opponent's assumptions about my morph creatures?

Is the net torque changed when a partner on a seesaw stands or hangs from her end instead of sitting?

Existing light fixture is connected to 2 white wires, black wires are capped

Does the telecom provider need physical access to the SIM card to clone it?

What are ways to record who took the pictures if a camera is used by multiple people?

Can UV radiation be safe for the skin?

How to access the value of an object returned from an API call

How do I remove a property from a JavaScript object?How do I check if an array includes an object in JavaScript?How do I test for an empty JavaScript object?How do I loop through or enumerate a JavaScript object?How do I correctly clone a JavaScript object?How can I get query string values in JavaScript?Sort array of objects by string property valueHow to check if an object is an array?How do I remove a particular element from an array in JavaScript?How do I return the response from an asynchronous call?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

1

I have an API that I'm attempting to filter out every title with a rating of 'Rx'.

The returned json data is stored within a variable called dataItems.

Example: If I want to return the rating for the first object, I'd do dataItems[0].rated

My attempt to filter out anything rated "Rx" is the following.

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>
 )
 

Doing so gives me the following error: "TypeError: item.rated is null"

I've attempted to pull out the string "Rx" into a variable and then do rated[rxVariable], but I still receive the same error.

I also attempted to use Object.values(), but I still had no luck. I'm sure there's something I'm overlooking.

Just to be clear, I'd like to display every item except those with rated: "Rx"

javascript reactjs

share|improve this question

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  Probably want .filter(item => item.rated !== 'Rx'). A sample of data would help
  
  – charlietfl
  Mar 28 at 0:15
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @charlietfl That solved my problem. I'll go scream into a corner as I've been trying to figure this out for over an hour now lol THANK YOU!
  
  – Dave.Q
  Mar 28 at 0:20
  

  
  
  
  

add a comment | 

1

I have an API that I'm attempting to filter out every title with a rating of 'Rx'.

The returned json data is stored within a variable called dataItems.

Example: If I want to return the rating for the first object, I'd do dataItems[0].rated

My attempt to filter out anything rated "Rx" is the following.

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>
 )
 

Doing so gives me the following error: "TypeError: item.rated is null"

I've attempted to pull out the string "Rx" into a variable and then do rated[rxVariable], but I still receive the same error.

I also attempted to use Object.values(), but I still had no luck. I'm sure there's something I'm overlooking.

Just to be clear, I'd like to display every item except those with rated: "Rx"

javascript reactjs

share|improve this question

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

• 
  
  
  

  
  4
  

  
  
  
  
  
  

  
  
  Probably want .filter(item => item.rated !== 'Rx'). A sample of data would help
  
  – charlietfl
  Mar 28 at 0:15
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  @charlietfl That solved my problem. I'll go scream into a corner as I've been trying to figure this out for over an hour now lol THANK YOU!
  
  – Dave.Q
  Mar 28 at 0:20
  

  
  
  
  

add a comment | 

I have an API that I'm attempting to filter out every title with a rating of 'Rx'.

The returned json data is stored within a variable called dataItems.

Example: If I want to return the rating for the first object, I'd do dataItems[0].rated

My attempt to filter out anything rated "Rx" is the following.

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>
 )
 

Doing so gives me the following error: "TypeError: item.rated is null"

I've attempted to pull out the string "Rx" into a variable and then do rated[rxVariable], but I still receive the same error.

I also attempted to use Object.values(), but I still had no luck. I'm sure there's something I'm overlooking.

Just to be clear, I'd like to display every item except those with rated: "Rx"

javascript reactjs

share|improve this question

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

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>
 )
 

share|improve this question

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

share|improve this question

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

asked Mar 28 at 0:10

Dave.QDave.Q

1644 bronze badges

1 Answer
1

active

oldest

votes

0

I believe you should change the line dataItems.filter(item => item !== item.rated['Rx'] to dataItems.filter(item => item.rated !== 'Rx'

share|improve this answer

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55388331%2fhow-to-access-the-value-of-an-object-returned-from-an-api-call%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

I believe you should change the line dataItems.filter(item => item !== item.rated['Rx'] to dataItems.filter(item => item.rated !== 'Rx'

share|improve this answer

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges

add a comment | 

0

I believe you should change the line dataItems.filter(item => item !== item.rated['Rx'] to dataItems.filter(item => item.rated !== 'Rx'

share|improve this answer

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges

add a comment | 

I believe you should change the line dataItems.filter(item => item !== item.rated['Rx'] to dataItems.filter(item => item.rated !== 'Rx'

share|improve this answer

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges

share|improve this answer

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges

answered Mar 28 at 5:15

Harshil ShahHarshil Shah

4855 bronze badges