请问用react怎么写这种按钮的切换状态呢,因为要根据这两种状态判断接下来的操作。同时激活的按钮背景还要变成绿色
onChange(type){
this.setState({type:type})
}
render(){
let content = this.state.type === '生产' ? <生产 /> : <采购 />
return(
<div>
<div>
<button className={this.state.type === '生产' ? "active" : ""} onClick= {this.onChange.bind(this,"生产")}>生产<button>
<button className={this.state.type === '采购' ? "active" : ""} onClick= {this.onChange.bind(this,"采购")}}>采购<button>
</div>
{content}
</div>
)
}
大概这样吧
13 回答13k 阅读
7 回答2.2k 阅读
3 回答1.3k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
4 回答1.7k 阅读
做成一个组件, 用state去控制哪个是active, 循环出一个list, 判断有几个按钮,onClick的时候去改变组件的state,标识哪个是active , 重新渲染组件.