想要实现类似具有三种状态的开关,“ENABLED,PENDING,DISABLED”。有人可以帮我提出这样的组件吗
这是您可以使用的快速功能。它从 0(禁用)循环到 1(部分),最后循环到 2(启用)或任何您想要的值。
import React from 'react'
class Toggle extends React.Component {
constructor(props) {
super(props)
this.state = {
toggleState: 0
}
}
switch = () => {
this.setState(({toggleState}) => ({toggleState: toggleState % 2 === 0 && toggleState !== 0 ? 0 : toggleState + 1}))
}
render() {
const {toggleState} = this.state
// TODO create the MyToggleComponent
return <React.Fragment>
<Button onClick={() => this.switch()} />
<MyToggleComponent toggleState={toggleState} />
</React.Fragment>
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)