Javascript 反应分页选择切换类名
我有一个分页栏Javascript 反应分页选择切换类名,javascript,css,reactjs,sass,pagination,Javascript,Css,Reactjs,Sass,Pagination,我有一个分页栏 1. 2. 3. 4. 添加状态,该状态指示将要激活的内容。只需在Link或li上单击onClick,执行简单的setState import React,{Component}来自“React”; 从“react router dom”导入{Link}; 类头扩展组件{ 状态={ activeLinkName:“ }; changeActiveLink=name=>this.setState({activeLinkName:name}); re
-
-
1.
-
2.
-
3.
-
4.
-
添加状态,该状态指示将要激活的内容。只需在Link
或li
上单击onClick
,执行简单的setState
import React,{Component}来自“React”;
从“react router dom”导入{Link};
类头扩展组件{
状态={
activeLinkName:“
};
changeActiveLink=name=>this.setState({activeLinkName:name});
render(){
const{activeLinkName}=this.state;
返回(
-
this.changeActiveLink(“prev”)}
>
-
this.changeActiveLink(“1”)}
>
1.
-
this.changeActiveLink(“2”)}
>
2.
-
this.changeActiveLink(“3”)}
>
3.
-
this.changeActiveLink(“4”)}
>
4.
-
this.changeActiveLink(“下一个”)}
>
);
}
}
导出默认标题代码>