我在 React.js 中有我的自定义选项卡导航。我想使用条件渲染或状态更改来更改事件选项卡的背景颜色。我尝试传递颜色状态,但 CSS 没有任何变化。这是我的代码链接: https://stackblitz.com/edit/reacttabs
请帮忙!
最佳答案
你必须有条件地设置 li
元素的样式
首先为事件标签样式定义一个变量
var active = Object.assign({},tabStyles);
active.backgroundColor = '#000';
然后在渲染中有条件地调用所需的样式
<li style={this.state.active == '1' ? active : tabStyles} onClick={() => {this.toggle('1')}}>A</li>
<li style={this.state.active == '2' ? active : tabStyles} onClick={() => {this.toggle('2')}}>B</li>
关于css - 选项卡导航中的条件 CSS Reactjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55994015/