单击两个按钮之一将显示名称。如何使活动按钮更改其颜色和文本高度,直到按下另一个按钮?我本来想通过: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;