Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应分页选择切换类名_Javascript_Css_Reactjs_Sass_Pagination - Fatal编程技术网

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(“下一个”)} >
); } } 导出默认标题