Why ReactJS uses className over class attribute?

class is a keyword in javascript and JSX is an extension of javascript. That’s the principal reason why React uses className instead of class.

render() {
  return <span className="menu navigation-menu">Menu</span>
}