Установить состояние на основе конкретного элемента

У меня есть 3 ссылки, я хочу изменить текст ссылки при нажатии элемента, но это влияет на все ссылки там, когда я нажимаю на ссылку, все ссылки меняются на back, но я хочу, чтобы это было только ссылка, которая меняется, пожалуйста, как я могу это сделать

 class Apps extends Component {
constructor(props) {
    super(props);
    // Don't do this!
    this.state = { showing: true, word: false };

}
render() {
    return (
        <div>
         <div className = "container">
            <div style = {{ display: (this.state.showing ? 'block' : 'none') }}>A Single Page web application
             made with react</div>
         </div>
            <div className = "buttons">
                <a href='' ref = "login" onClick = {this.onclick.bind(this)} >{this.state.word ? 'back' : 'Login'}</a><br/><a href='' onClick = {this.onclick.bind(this)}>{this.state.word ? 'back' : 'Signup'}</a><br />
                <a href='' onClick = {this.onclick.bind(this)}>{this.state.word ? 'back' : 'Members'}</a>
            </div>

        </div>
    );

}onclick(e){
    e.preventDefault();
    this.setState({showing: !this.state.showing});
    this.setState({word: !this.state.word});
}
};