假设一个页面包含多阶段表单，表单的第一阶段包含名称的输入字段，第二阶段包含文件的输入，onChange 设置名称和文件的状态值，但是当我们像第一阶段到第二阶段和第二阶段一样来回移动时，我们可以保存输入类型名称的值，但是如何保存输入类型文件的值。import React, { Component } from "react";class App extends Component {construc
2018-07-19
我想上传一张图片，显示预览，并将其用于 mobilenet 机器学习模型中，据我了解，这需要我将它作为参考。因此，我希望：上传图片设置引用使用该引用作为预览在 ML 模型中使用该引用我可以像这样上传图片（没有问题）：const UploadButton = ({ handleNewFile, text }) => (<label htmlFor='upload-file'><input style
2020-10-10
我正在尝试输入 ref，但不确定如何操作。我正在使用它进行文件上传。有没有人知道如何输入这个？const ProfileLayout: React.FC = ({ children }) => {let inputUpdateAvatarPhoto = useRef();....const handleImageChange = async (e: any) => {const formData
2021-03-09
我找不到使用 Formik 和 React 处理多个文件输入的正确方法。import { Formik, Field } from "formik";const MyForm = () => {const handleOnSubmit = (actions) => {actions.setFieldValue("files", "");};return (<Formik initialValues
2021-04-06
我正在使用 react-hook-form 管理我的表单。但我还需要管理元素的点击事件。在这种情况下，我必须设置两个 ref let inputRef = useRef(null);const onClick = input => {input.click();};<inputtype="file"ref={ref => {inputRef = ref;register();}},onClic
2021-04-24
我希望我即将将旧的 React Hook 表单转换为 RHF7，但我无法尝试使用两个不同的输入共享两次引用。有人可以帮我完成这段代码吗？所以我需要对 dobMonth 和 dobYear 都使用引用，但我不能两次使用同一个引用，所以我需要创建第二个引用，但它不允许我这样做。 const dobMonthInput = useRef(null)const dobYearInput = useRef
2021-11-19
我有一个表单，该表单应该将文件（图像）上传到 NextJs API 路由。我尝试使用表单的引用来检索表单值。但是，当我尝试在 onSubmit 函数中访问表单时，引用仍然为空。我知道引用在第一次渲染时可以为空，但我认为在提交表单时，引用应该已经解析。表单如下所示：<form ref={formRef} onSubmit={onFormSubmit}><label htmlFor="image">I
2021-12-22
我有一个表单，表单中有一个输入，我在这个输入中上传了几张图片，如下所示：<input type="file" name="gallery" onChange={imageHandler} required multiple />当我在控制台中输出图像时，它会正确显示一个文件数组，但是当我附加图像时，formData.append("gallery", images);它不会保存为数组。它被保存为文
2022-12-26
我刚刚开始学习 React，并被这个错误卡住了。Uncaught TypeError: Cannot read property 'pathname' of undefinedat new Router这是我的代码：var React = require('react');var ReactDOM = require('react-dom');var { Route, Router, IndexR
2017-04-25
"react": "^17.0.2","react-dom": "^17.0.2","react-router-dom": "5.2.0",这是我的 App.js 文件import React from "react"import Navbar from "./components/Navbar"import Main from "./components/Main"import Details
2022-01-13
（我已查看其他类似的 SO 帖子，但未找到合适的解决方案。我在问题的底部提供了该问题的简单/最小 Github POC）。我的项目已从connected-react-router移至redux-first-history，因为connected-react-router不支持react-router(v6)。我的应用程序加载正常，但当我尝试导航到另一个页面时，我收到此错误无法读取未定义的属性（读取
2022-07-05
我不明白为什么它会给我这个错误，这是因为我使用的是 React Router V6。有人可以看看这个并告诉我是否遗漏了什么吗？这是代码：代码：import { useParams, useMatch, Route, Routes, BrowserRouter as Router } from 'react-router-dom';const {id} = useParams();const [bo
2022-07-30
我正在使用react-router-domv6，但我遵循的是旧教程。我遇到了上述错误，我尝试了很多方法，但仍然遇到相同的错误。这是产生错误的文件：import React from "react";import "./sidebar.css";import logo from "../../images/logo.png";import { Link } from "react-router-do
2022-07-31
我试图将导航栏添加到 Webb 应用程序，当我将<Navbar/>放入 App.js 时，我收到以下错误。我了解到该错误可能与<Link/>的to属性有关，但我找不到任何问题，而且我无法理解此错误。我很感激所有的想法，感谢您的时间！> components.tsx:197 Uncaught TypeError: Cannot read properties of undefined (readin
2022-08-28
我全新安装了 Next.js，并且希望能够使用import和async/await等。我已更新 .babelrc{"plugins": [["module-resolver",{"root": ["."],"alias": {"styles": "./styles"},"cwd": "babelrc"}],["wrap-in-js",{"extensions": ["css$"]}]],"pres
2017-05-19