Search code examples
reactjskey

react dynamic key on mapping object


I need to get an object inside a mapping by dynamic key, it works with string but not with dynamic name on mapping...

dynamic object

data.map((item) => (

        console.log("** works with string:", props.programStructure["induction"]),

        console.log("** not working with dynamic:", props.programStructure[item.name])
    ))

Solution

  • Blockquote console.log("** not working with dynamic:", props.programStructure[[item.name]])

    I think it is because of the extra [] in props.programStructure[[item.name]]

    removed the extra []

    var props  = {
      programStructure: {a: 1, b:2, induction: 'intro value'}
    }
    
    var data = [{name: 'a'}, {name: 'b'}]
    
    
    data.map((item) => (
    
            console.log("** works with string:", props.programStructure["induction"]),
    
            console.log("** not working with dynamic:", props.programStructure[item.name])
        ))