Passing a string as a property to use the map function

Question

I have something like this

{
    "title": "JSON",
    "content": [
      {
        "item": "23",
        "url":"ug.coml"
        
      },  
      {
        "item": "33",
        "url":"tewts.com"
      }
    ]
  }

I would like to know if I can pass a string to the map line of code.

const pathstring=this.props.path; //this is equal to the string "content"
const block = skillSetData.pathstring.map ((data, index) => {
     return (
    <div>
    <h3>{data.url}</h3>
    </div>
  )
 })

Does this answer your question? [Accessing an object property with a dynamically-computed name](https://stackoverflow.com/questions/4244896/accessing-an-object-property-with-a-dynamically-computed-name) — Nick, Mar 08 '23 at 00:22

score 0 · Answer 1 · answered Mar 08 '23 at 00:43

You can use the get method from Lodash and navigate using a string path

const data = {
    "title": "JSON",
    "content": [
      {
        "item": "23",
        "url":"ug.coml"
        
      },  
      {
        "item": "33",
        "url":"tewts.com"
      }
    ]
  }

  _.get(data, 'content[0]'); // returns  {"item": "23","url":"ug.coml"}
  _.get(data, 'content[0].item'); // returns 23

For more details https://lodash.com/docs/4.17.15#get

Passing a string as a property to use the map function

1 Answers1