Next.jsでコンポーネントごとにクライアントサイドとサーバーサイドが区別されるようになり、使いたいところでonClickを使えないことがある。hiddenにしたcheckboxと、そのidに対するhtmlForを持ったlabelを配置すると、use clientのない場所でもcheckboxのonChangeから遠隔で関数を発火させることができる。地味に便利。
checkboxとlabelで作る、便利なtoggleボタン
- Web Development
- 2023/10/5
Next.jsでコンポーネントごとにクライアントサイドとサーバーサイドが区別されるようになり、使いたいところでonClickを使えないことがある。hiddenにしたcheckboxと、そのidに対するhtmlForを持ったlabelを配置すると、use clientのない場所でもcheckboxのonChangeから遠隔で関数を発火させることができる。地味に便利。