node.js - 使用 React Hook 加载页面时自动提交表单
问题描述
- 加载页面时,我确实想自动增加 1。
- 当页面完全加载时,我确实想自动提交表单而不点击提交按钮。
我这样做的原因是因为我计划与我自己的 Cron Job 一起使用。提前致谢。
请指导我如何处理它?
import firebase from "@config/firebase.config";
import "firebase/firestore";
import { useState, useEffect, useRef } from "react";
// TODO: Main Form UI
const FormData = ({ justDummy }) => {
// TODO: FORM REF
const formRef = useRef(null);
const handleSubmit = (e) => {
e.preventDefault();
};
useEffect(() => {
// * This didn't work!
// formRef.current.submit()
}, []);
return (
<>
<ScopedCssBaseline />
<form onSubmit={handleSubmit} ref={formRef} autoComplete="off">
<form onSubmit={handleSubmit} ref={formRef} autoComplete="off">
<Box sx={{ display: "flex", mt: 3 }}>
<TextField
onChange={() => console.log("")}
value={id}
type="number"
placeholder="100"
variant="outlined"
fullWidth
size="small"
required
color="primary"
label="ID"
disabled
/>
<Box sx={{ mx: 0.5 }} />
<TextField
onChange={() => console.log("")}
value={currentDate}
placeholder="Current Date"
variant="outlined"
fullWidth
size="small"
color="primary"
label="Date"
disabled
/>
</Box>
<Box sx={{ mt: 1 }}>
<Button
type="submit"
fullWidth
variant="outlined"
color="primary"
disabled
>
Submit Data
</Button>
</Box>
</form>
</form>
</>
);
};
export default FormData;
解决方案
我已经解决了那个问题。我删除了 onSubmit 函数并使用 React Ref 替换,然后使用 Ajax。
推荐阅读
- c# - 在 Blazor 中基于订阅层处理用户功能的方法有哪些?
- android - GraphView 折线图未在可折叠视图中显示数据点
- android - react-native - 如何使用“SCHEME_CONTENT”方案将本地存储文件uri转换为内容uri?
- javascript - 为什么我的 Greasemonkey/Tampermonkey 用户脚本不起作用?
- docker - 重启后保持 Docker swarm worker 在离线边缘设备上运行以供物联网使用
- recursion - 使用差异列表快速序列化 BST
- node.js - 如何正确地从另一个函数中的函数中获取值并在它之外使用它?
- github-actions - 无法使用 github 操作打开 ./scripts/ci.sh
- google-sheets - 将单元格添加到数字版本
- core-data - 核心数据,更新问题(改为复制)