Access JSON data with react

Question

I have a JSON in this form

"description": "{\"en\":\"some text\",\"fr\":\"un autre text\"}",

I can access the english text in this way

 <Cell cellTitle='test' cellDescription={JSON.parse(rowData.description).en}

but when I use a variable that contains the current language, it dosen't works. I tried this

  render() {
     const lang = I18n.locale;
    return (
<Cell cellTitle='test' cellDescription={JSON.parse(rowData.description).lang}

or

<Cell cellTitle='test' cellDescription={JSON.parse(rowData.description).{lang}}

none of them worked. Can you help me solve the problem?

Samuli Hakoniemi · Accepted Answer · 2017-10-25 13:20:24Z

1

This is how you do it:

render() {
  const description = JSON.parse(rowData.description);
  const lang = I18n.locale;

  return (
    <Cell cellTitle='test' cellDescription={description[lang]} ... />
  )
}

edited Oct 25, 2017 at 13:20

answered Oct 25, 2017 at 12:47

Samuli Hakoniemi

19.1k1 gold badge64 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user567 Over a year ago

Thank you. I don't know why but for me it dose not work without parsing the json. So the solution for me was JSON.parse(rowData.shortDescription)[currentLanguage]

Samuli Hakoniemi Over a year ago

I updated the answer, so if it works, you can accept it :).

Collectives™ on Stack Overflow

Access JSON data with react

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related