小编Cur*_*sor的帖子

Next.js 切换显示 div 标签

代码

export default function Header(){
  let showMe = false;
  function toggle(){
    showMe = !showMe;
  }
  return (
    <>
      <button onClick={toggle}>Toggle Subjects</button>
      {/*The bottom code should toggle on and off when the button is pressed*/}
      <div style={{
        display: showMe?"block":"none"
      }}>
        This should toggle my display
      </div>
    </>
  );
}
Run Code Online (Sandbox Code Playgroud)

期待

div标签应可以切换可见性(例如,如果我在按钮上点击一次,div标签应该显示出来,如果我再次点击它会被隐藏,等等)。


现实

看起来变量showMe发生了变化,但是div标签没有跟随更新并保持隐藏状态。

注意:如果有任何改变,我将使用 next.js。

javascript reactjs next.js

2
推荐指数
1
解决办法
4754
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1