参见英文答案 >
Switch class on tabs with React.js3个
我知道必须在bootstrap中手动管理活动类.我用jQuery做了几次.
我知道必须在bootstrap中手动管理活动类.我用jQuery做了几次.
我的最新项目虽然有所作为.
我知道在使用react时我不应该使用jQuery在dom中设置类.但是如何才能正确完成？
解决方法
您只需在渲染函数中指定选项卡的活动值即可.
要知道选项卡是否应该具有className属性的值,请将其存储在某处.
要知道选项卡是否应该具有className属性的值,请将其存储在某处.
你如何在反应组件中存储东西？你使用状态.
您尚未显示任何代码,但您可以直接跟踪您所在州的当前活动标签.
你可以这样做：
getInitialState: function() {
return { activeTabClassName: "tab1" };
}
render: function() {
return (
<ul>
<li className={(this.state.activeTabClassName === "tab1") ? "active" : ""}></li>
<li className={(this.state.activeTabClassName === "tab2") ? "active" : ""}></li>className </ul>
);
}