React JS Navigation Tab (The ES6 Way)

App.js

import React, {Component} from 'react';
import './App.css';

class App extends Component {
    state = {
        isSelected: 'All',
    };
    handleClick = (lang) => {
        this.setState({isSelected: lang});
    };
    render() {
        const language = ['All', 'JavaScript', 'Java', 'Php', 'Ruby'];
        return (
            <div className="App">
                <ul className="lang-nav">
                    {language.map((lang)=>
                        <li
                            style={lang === this.state.isSelected ? {color: '#d0021b'} : null}
                            className="nav-item"
                            onClick={this.handleClick.bind(null, lang)}
                            key={lang}>
                            {lang}
                        </li>
                    )}
                </ul>
            </div>
        );
    }
}

export default App;