React JSX: rendering nested arrays of objects

Answer 1

You are not returning the JSX from your map method. Once you return the JSX you formed :

policyLegend.map(function(policy) {
              return (

                
{ policy.displayName }
                {
                  policy.values.map(value => {
                    return(
                      
                        { value.displayName }
                        
                      
                    );
                  })
                }
              
)
            })

You should get the result you're looking for