React JSX: rendering nested arrays of objects

Answer 1

It's because you do not return anything inside the policyLegend map. Try this:

{
    policyLegend.map((policy) => {
        return (
            

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