我想在我的输入日期字段中设置一个默认日期,但它不起作用.

 const [defaultDateFrom, setDefaultDateFrom] = useState<dayjs | null>(null);

 const dd = new Date(currentYear, currentMonth, currentDay, 10);
 const d = dayjs(dd).add(1, 'day');
 setDefaultDateFrom(d);

  <section className="date-container">
    <input type="datetime-local" value={defaultDateFrom} />
  </section>

我做错了什么?

推荐答案

datetime-local输入要求specific format中的值为string. 您正在传入一个day js对象. 解决方案是将对象format转换为datetime字符串,如下所示:

const d = dayjs(dd).add(1, "day").format("YYYY-MM-DDThh:mm")

您可以查看正在运行的示例here.

另请注意,在您的示例中,组件无限地重新渲染.

Reactjs相关问答推荐

从另一个组件更改组件中const的状态

如何使用next.js以DOM为目标在映射中使用Ref

值在返回页面时不更新,即使我已经更新了它们

Reaction Axios多部分/表单-数据数组不工作

将动态元素中的输入数据传输到Reaction

GitHub页面配置

为什么在页面重新加载时Location.State变得未定义?

如何在 React 过滤器中包含价格过滤器逻辑?

下一个js如何从另一个组件更新组件?

useEffect 渲染没有依赖数组的组件

我正在通过 API(有效)从 MongoDB 传递数据.可视化但我不断收到此 TypeError: Cannot convert undefined or null to object

如何使用 React 更改 Material UI 中 ButtonGroup 的 colored颜色 ?

使用dayjs时如何在输入类型日期时间本地字段中设置默认值?

如何在 ChartJS 中操作 Y 轴

React Native Realm 应用程序在发布构建后崩溃

React - 仅在变量为真时显示项目

如何在react 日历中自定义带有圆形边框的日期项?

为什么重新渲染不会影响 setTimeout 的计数?

RTK 查询 POST 方法不会改变数据

为什么这两个 div 的渲染方式不同?