שימוש בלולאת map

import React, { Component } from 'react';
class Counter extends Component {
    state = {
        count: 1,
        tags: ['tag1','tag2','tag3']
    };

    styles ={
        fontSize: 50,
        fontWeight: "bold"
    };

    render() { 
        return (
            <div>
                <ul>
                    {this.state.tags.map(tag => <li key={tag}>{tag}</li>)}
                </ul>
            </div>
        );
    }

}
 
export default Counter;