Heading Does anyone know how can I map a dictionary in React js ?

export class ServiceFeatures extends React.Component {

    constructor(props) {

        super(props)

        this.state = {dict: {'awesome': ['wow','alo'], 'great': ['ano', 'alo' ]}}

    }



render() {

    return (

        <div>

            {this.state.dict.map((name, features) => (

              <Services categories={features}></Services>

          ))}

        </div>

    )

}

}