React 超级简单的tab栏切换(react hooks)

“热爱可抵岁月漫长”

export default function Demo(){
   
//设置默认当前选中
  const [current, setcurrent] = useState(0);
  //点击tab栏切换事件
  const clickevent = useCallback((item, key) => {
   
    setcurrent(key);
  });
  //选中的tab-content 内容添加active类名
  const classNameSJp = useCallback((cur) => {
   
    return current === cur ? 'active' : 'tabs__content';
  });
}

return(
      <div className="tabs">
        <ul className="tabs__links"

你可能感兴趣的:(学习react,react)