Next.js中使用＜input type=“radio“＞checked默认勾选失效的问题

魈傩

于 2023-08-10 11:02:16 发布

阅读量403

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 html react.js

本文链接：https://blog.csdn.net/weixin_42077503/article/details/132204946

文章描述了一个在使用Next.js13.4.12版本时，radio组件的默认勾选状态在刷新后消失的问题，作者怀疑是Next.js的一个已知issue，并提供了相关GitHub链接以供进一步参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

'use client'

const Test = () => {
  return (
    <div className={styles.content}>
      <div>
        <input type="radio" id="huey" name="drone" value="huey" defaultChecked />
        <label>Huey</label>
      </div>
      <div>
        <input type="radio" id="dewey" name="drone" value="dewey" />
        <label>Dewey</label>
      </div>
    </div>
  );
};

export default Test;

正常情况下Huey应该被默认勾选，但是实际情况是刷新时Huey被勾选了一下然后又消失了。找到原因是Next.js的问题。详见：https://github.com/vercel/next.js/issues/49499

我的Next.js版本：13.4.12