У меня есть 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});
}
};