@autobind
switchStoreTab(index) {
this.setState({
storeOrderIndex:index
})
}
@autobind
getStoreOrderTabs() {
const { storeOrderIndex } = this.state
const list = ['平仓', '逐仓']
return (
<ul className="limitSelect">
{
list.map((item, index) => {
return (
<li
key={index}
className={`limitTab ${storeOrderIndex === index ? 'active' : ''}`}
onClick={() => this.switchStoreTab(index)}
>
{item}
</li>
)
})
}
</ul>
)
}
react实现tab切换的简单逻辑
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 鉴于看了网上都不少文章都没有完整的描述完一个demo,个人借助react实现了一个供大家参考下。 parents....