Изменения стиля при нажатии кнопки React

При нажатии на одну из двух кнопок отображается имя. Как заставить активную кнопку изменять свой цвет и высоту текста, пока не будет нажата другая кнопка? Я думал сделать это через: active (CSS), но он работает только при нажатии и сразу же стиль становится тем же.

import React, { Component } from 'react';
class trueName extends Component {
constructor(props) {
this.state = {
  name: {},
};
} 
 editName = (names)=>{
 this.setState({name:names});
}
render() {
return(
  <div >
    <div className="SelectName">
      <span>{this.state.name}</span>
    </div>
    <button
    onClick={ () => this.editName(John)}>
      <span>My name John</span>
    </button>
    <button
    onClick={ () => this.editName(Donald)}
    >
      <span>My name Donald</span>
    </button>
  </div>
)}}

export default trueName;