腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
React dropzone: onDropAccepted中的useState和异步
javascript
、
reactjs
目前我正在使用react dropzone。 在最上面,我有一些类似于跟踪用户放入dropzone中的文件的东西。 [files, setFiles] = useState([]); 后来我有了这些: const checkBucketLimitSingle = files => { if (files.length >= FILE_BUCKET_LIMIT) { return false; } else { return true; } }; const onDropAccepted = useCallback( acceptedFiles =
浏览 23
提问于2019-09-21
得票数 0
回答已采纳
1
回答
如何使用react-dropzone预览图像
javascript
、
reactjs
、
react-hooks
我希望用户从他们的计算机上“上传”一个文件,将其存储在浏览器中(我猜),并显示图像,而不是将其发送到服务器。基本上,我希望发生这种情况(网站上的示例): 这本身就可以工作,但我使用的是react-dropzone,但它不工作。 我的代码: import React, { useCallback, useState } from "react"; import { useDropzone } from "react-dropzone"; import styles from "./dropzone.module.css"; import Image
浏览 24
提问于2019-10-24
得票数 0
2
回答
React :如何在setState中使用回调
javascript
、
reactjs
setDropzoneFiles完成了,然后我需要执行setDropzoneIsLoading。在react类中,我可以将回调分配给setState(),如何使用以下代码实现相同的目标? const Dropzone = () => { const [dropzoneFiles, setDropzoneFiles] = useState([]); const [dropzoneIsLoading, setDropzoneIsLoading] = useState(false); const onDropAccepted = useCallback(
浏览 7
提问于2019-09-21
得票数 4
回答已采纳
1
回答
Dropzone ui包,不显示图像预览
reactjs
、
npm
、
frontend
、
drag
、
drop
我刚刚安装了(https://www.npmjs.com/package/dropzone-ui),当我将一些文件拖放到dropzone上时,我实际上可以看到文件项已经加载,并且文件图标预览显示,但当文件是图像时无法预览。我做错了什么吗? 查看我的代码: import { Dropzone, FileItem, FullScreenPreview } from "dropzone-ui"; import { useState } from "react"; export default function MyDropzone() { const [fil
浏览 24
提问于2021-09-25
得票数 1
回答已采纳
1
回答
文件资源管理器在react js中的过滤
javascript
、
reactjs
我是新来的反应。指定用于创建拖放组件的任务。我跟踪了一些博客来完成这个任务,它只接受图像文件类型。现在的任务是,当点击上传图标,它应该打开文件资源管理器,它应该只显示图像类型的文件。我想不出那是怎么回事。我从不同的博客中获取的代码包括: 拖放组件: import React from "react"; import { useDropzone } from "react-dropzone"; import UploadIcon from '@mui/icons-material/Upload'; const Dropzone = ({ onDr
浏览 4
提问于2022-10-21
得票数 0
3
回答
在使用exceljs阅读之后,在react dropzone‘`onDrop`中设置一个状态变量
reactjs
、
callback
、
react-hooks
、
exceljs
、
react-dropzone
用例是: exceljsgrab 用户删除一个文件,从一个列读取一个文件并使用值读取,并将其保存在一个数组中,一个包含ids内容的状态变量onDropIds。我有1-3的工作步骤。我不能让4工作。 查看:即使集合包含值,状态始终打印为空。见代码第41-43行。 import React, { useState, useCallback } from "react"; import { useDropzone } from "react-dropzone"; import Excel from "exceljs"; export def
浏览 5
提问于2020-07-18
得票数 2
1
回答
ref不是一个函数,防火墙存储图像上传,reactJS
javascript
、
reactjs
、
firebase
、
firebase-storage
嘿,伙计们,我不断收到这个错误,同时试图上传一个图像到我的防火墙存储。 未处理的拒绝( firebase_index__WEBPACK_IMPORTED_MODULE_2_.default.ref ):TypeError不是函数 这是我试图上传图片的组件。 import React, { useState, useEffect } from 'react'; import storage from '../firebase/index'; // Imported components import Section from '../components
浏览 3
提问于2020-08-22
得票数 0
1
回答
如何在redux中保存图像和视频文件
javascript
、
reactjs
、
redux
、
react-dropzone
、
video-upload
我正在准备一个表单,其中有字段,允许用户发布他的照片和关于她/他(自我)的视频。为了上传图片,我准备了一个基于输入类型文件的组件,但为了上传视频,我使用了React Dropzone。现在我想将它保存到redux中,但是当我尝试这样做时,redux抱怨它是不可序列化的项,而当我将它放入JSON.Stringify()中时,redux得到一个空对象。最好的解决方案是什么,我必须将它存储在状态中的某个地方,如果它是在表单的这一步中创建的本地状态(幸运的是它是最后一个),但是如果用户想要返回到之前的任何一步并返回,则此数据将丢失 请注意,dropzone组件在下面,onResult只是一个获取该值
浏览 53
提问于2021-10-07
得票数 2
2
回答
当上传一个文件以作出反应时,我可以获得上传的进度,但无法将其传递回进度条。定制钩子在这里有用吗?
reactjs
、
material-ui
、
progress-bar
、
react-custom-hooks
我有一个材料-ui LinearDeterminate进度条,我想传递的上传有多远。 const LinearDeterminate = ({ uploadPercentage, setuploadPercentage }) => { const classes = useStyles(); const [uploadPercentage, setuploadPercentage] = useState(""); console.log(uploadPercentage); return ( <div className={classes
浏览 20
提问于2022-08-24
得票数 1
回答已采纳
3
回答
在使用react-dropzone时,如何在一个页面上有多个dropzone来预览多个图像?
reactjs
、
react-dropzone
我正在我的应用程序上使用react-dropzone,并希望在一个页面上有多个dropzone来预览多个图像。例如,我希望能够将英雄图像拖放到页面顶部显示英雄图像的dropzone上。然后我想把一个不同的图像放到一个不同的dropzone上,这个dropzone在一个缩略图容器中显示图像。 import React, { useState, useMemo, useEffect } from "react"; import Container from "../components/Container"; import { useDropzone } from
浏览 118
提问于2020-10-21
得票数 2
1
回答
如何使用Dropzone组件拒绝超大文件?
reactjs
、
typescript
、
next.js
、
react-dropzone
我在React-Dropzone的React-Dropzone组件中使用Nextjs和TypeScript。 如果文件大小超过30 to (30000000字节),我想拒绝上传。此时,拒绝消息可以是任何内容。 当前,当将一个大文件放到区域中时,会出现以下错误: 我看到在这个onDropRejected组件中有一个名为Dropzone的属性可以使用,但是我们如何才能使用这个属性而不是像上面那样运行错误呢? ,这是我的UI的样子: 我的代码: type Props = { name?: string; isError?: boolean; onChang
浏览 18
提问于2022-06-16
得票数 0
3
回答
如何用Jest测试反应区和反应测试库?
reactjs
、
typescript
、
jestjs
、
react-testing-library
、
react-dropzone
我想从React组件中的React dropzone库中测试onDrop方法。我正在使用Jest,React测试库。我正在创建模拟文件,并试图在输入中删除这个文件,但是在console.log文件中仍然等于一个空数组。你有什么想法吗? package.json "typescript": "^3.9.7", "@testing-library/jest-dom": "^5.11.4", "@testing-library/react": "^11.0.4", "@types/jest"
浏览 0
提问于2020-10-29
得票数 14
回答已采纳
1
回答
当调用onChange时,触发组件内定义的setValue
reactjs
、
react-hook-form
我已经建立了一个反应区的包装: Dropzone.jsx import React, { useState, useCallback } from "react"; import PropTypes from "prop-types"; import classNames from "classnames"; import { useDropzone } from "react-dropzone"; import { noop } from "../utils"; const Dropzone = ({ i
浏览 4
提问于2020-05-14
得票数 3
2
回答
使用react下拉区域显示文件名
reactjs
、
react-dropzone
我试图显示一个文件列表,我将上传。我使用了库来拖放文件。删除的文件不会使用useState钩子存储在文件数组中。 import React, { useState, Fragment } from "react"; import { useDropzone } from "react-dropzone"; import "./App.css"; export default function App() { const [files, setFiles] = useState([]); const onDrop = accepted
浏览 1
提问于2020-07-10
得票数 0
回答已采纳
1
回答
将Excel转换为JSON -使用(可能是客户端)
reactjs
、
react-dropzone
这与问题类似:,但使用React和Dropzone。 我需要将Excel文件上传到服务器并在那里解析,或者在浏览器中将其解析为JSON,然后上传JSON。 我编写了React (前端)和服务器端(后端)来处理CSV文件并将其存储到MongoDB。反应面在下面。 我的两个问题是: 如果我在客户端这样做,如何使用XSLX或sheetjs读取和处理使用DropZone丢弃的文件。 如果我在服务器上这样做,如何正确地上传文件(我已经阅读了关于设置Office/ Excel的/的文章)。我已经能够上传一个文件,但在上传之后,我永远无法在Excel中打开它。它通常是尺寸的两倍,可能是UTF-8到UTF-1
浏览 6
提问于2020-08-19
得票数 2
回答已采纳
1
回答
在上传图像之前在React中显示图像
javascript
、
html
、
reactjs
所以我创建了一个表单,让用户上传一些图片。我使用react-dropzone来使它更酷;p不幸的是,在选择image之后,我有未定义的src属性。下面是我的代码: export const ImageInput = (props) => { const imagePreviews = props.images.map(image => { return <ImagePreview key={image.id} image={image.image}/> }) return ( <div> <Dropzo
浏览 2
提问于2017-08-29
得票数 0
回答已采纳
1
回答
查看使用redux和react-redux在服务器上上传视频的进度条
reactjs
、
react-redux
、
form-data
、
react-dropzone
我想上传视频到服务器视频上传成功,但我想视频进度条,但我怎么做到的,我不知道我正在使用react-dropzone和redux,请帮助。 import React, { useState } from 'react' import { CDragAndDrop } from '../../uiComponents' import { updateIntroductoryVideo } from '../../store/actions/Users'; import { useDispatch } from 'react-redux'
浏览 0
提问于2020-07-27
得票数 0
1
回答
API调用在转换为TypeScript时抛出错误。
reactjs
、
typescript
、
api
TypeScript错误: 类型‘(位置:位置) =>承诺’是不可分配的类型'(obj: Location) => void‘。参数'location‘和'obj’的类型是不兼容的。类型“Location”缺少“Location”类型中的下列属性:状态、城市 基本上,在City和State中输入用户,解析城市和州,然后将提交的用户输入从表单组件提升到顶级App组件,其中有一个API get请求。但是,当我将“fetchData”传递给天气输入(表单组件)时,它会抛出一个错误。和'obj','fetchData‘的参数是在天气输入(
浏览 1
提问于2021-03-17
得票数 0
回答已采纳
1
回答
使用React Dropzone编辑带有图像的产品
javascript
、
reactjs
、
react-dropzone
在创建产品时,我使用的是React Dropzone,但在编辑时,我打算以同样的方式使用它。我希望在编辑产品时,已经上传到产品上的图像显示在React Dropzone下面,这样用户就可以删除它们,或者仅仅删除一个等等。 此代码在上传图像时运行良好,但当我在编辑时传递带有数据库中已经有该产品的图像的数组时,它将显示空图像预览: import React from 'react'; import {useDropzone} from 'react-dropzone' import { useState, useEffect } from 'react
浏览 4
提问于2022-05-12
得票数 1
回答已采纳
2
回答
只有在使用react引导时,才能在函数组件的主体内调用钩子。
reactjs
、
react-bootstrap
错误-只能在函数组件的主体内调用钩子。 我不能使用任何组件的反应-引导! 我试着检查了以下内容: npm ls react ->只有1个反应模块检查package.json ->相同版本的react和react dom模块。 package.json "dependencies": { "react": "^16.13.1", "react-beautiful-dnd": "^13.0.0", "react-calendar": "^3.1.0", "react
浏览 1
提问于2020-08-13
得票数 0
回答已采纳
2
回答
第一次尝试onClick事件时,this.setState未清除数组,因此必须执行两次操作才能清除数组
reactjs
、
react-redux
、
react-dropzone
处理组件的文档上传节。用户可以拖放他们的文件上传,在拖放区域下面是一个提交,取消按钮,以及他们要提交的文件列表。cancel按钮应清除files数组。 但是,当您第一次单击时,由于文件仍然存在,因此它仍会打印出文件名。再次单击它,它将擦除该文件。不确定为什么会发生这种情况。 正在讨论的函数是handleClick(event)。 有趣的是,它确实清除了页面上呈现的文件列表,但数组仍然在handleClick(event)中显示为已填充的视图console.log。 import _ from 'lodash'; import React, { Component } from
浏览 1
提问于2017-12-08
得票数 0
回答已采纳
1
回答
我一直无法在未挂载的组件上执行React状态更新
javascript
、
node.js
、
reactjs
、
axios
、
react-hooks
我不断地得到我的两个反应组件的这个错误,我无法弄清楚它。我刚开始学习如何使用钩子,我似乎无法修复这个错误信息。 我试着在网上搜索,并尝试了一些建议的方法,但这似乎对我不起作用。 我看到一篇文章说要在下面添加这段代码,但根本没有效果。 let mounted = true return function cleanup() { mounted = false } 以下是两个错误: "index.js:1警告:无法对未挂载的组件执行反应状态更新。这是无操作的,但它表示应用程序中存在内存泄漏。要修复,请取消组件(at App.js:125)中的use
浏览 0
提问于2020-12-15
得票数 0
1
回答
React js react-dropzone在页面加载时自动打开
javascript
、
reactjs
、
react-hooks
、
react-dropzone
、
react-forwardref
我正在使用react-dropzone,我想让文件上传对话框在页面加载时自动打开。 我写了以下代码,但我不能理解如何让它自动打开,这将是我在ref上做了一些错误的事情,因为我可以访问它的属性。 你能帮我一下吗? 链接: import React from "react"; import { useDropzone } from "react-dropzone"; import { Chip } from "@material-ui/core"; import { AttachFile } from "@material-ui/icons&
浏览 39
提问于2021-04-24
得票数 1
1
回答
React js react-dropzone删除文件
javascript
、
reactjs
、
dropzone.js
、
react-dropzone
链接: 我必须确保上传一个文件,但我希望在出现错误的情况下能够删除它,以便上传另一个文件。 因此,单击X应该允许您清空要加载的文件,但我不会成功。 你能给我一些建议吗? 代码: import React from "react"; import ReactDOM from "react-dom"; import { useDropzone } from "react-dropzone"; import { AttachFile } from "@material-ui/icons"; import Chip from &
浏览 27
提问于2020-05-26
得票数 1
4
回答
如何在reactjs中将值从子组件传递给父组件
javascript
、
reactjs
、
react-hooks
、
react-props
、
react-state
我有一个子组件UploadImage.js和父组件Parent.js。我正在上传一个图像,并希望将文件名的值传递给Parent.js组件。我怎样才能做到呢? UploadImage.js import React, { useEffect, useState } from 'react'; import { useDropzone } from 'react-dropzone'; . . . const UploadImage = () => { const [files, setFiles] = useState([]); cons
浏览 34
提问于2022-11-07
得票数 0
回答已采纳
1
回答
如何将OnSubmit与Dropzone结合使用?
javascript
、
reactjs
、
dropzone
我使用下拉区域上传图片到亚马逊s3,但希望图像被上传一旦我按下提交按钮,而不是在“丢弃”图像。我怎么能这么做?这是我的密码。每当我尝试删除映像时,我都会出错:未处理的拒绝(TypeError):event.preventDefault不是函数 import React, { useState } from 'react' import { Typography, Button, Form, message, Input, Icon } from 'antd'; import FileUpload from '../../utils/FileUpload&
浏览 2
提问于2020-11-23
得票数 0
2
回答
尝试在功能组件之间传递状态,但出现'undefined‘错误
javascript
、
reactjs
、
dynamic
、
components
、
state
我试图将两组状态从一个组件传递到另一个组件,这样我就可以在React的标题中列出用户的公司和名称。我知道我得到了正确的信息,因为我在控制台上记录了这两个变量,然后将它们设置为我的状态,然而,当我尝试在导航栏中呈现它们时,我得到了未知的定义。 这是我的Header组件: import React, { useState } from 'react'; import { Route } from 'react-router-dom'; import { LinkContainer } from 'react-router-bootstrap'; im
浏览 5
提问于2021-01-26
得票数 0
1
回答
React Hooks -无法获取更新的状态值
javascript
、
reactjs
、
react-hooks
我的uploadStatus状态有问题。我没有得到react-hooks状态的更新值。如果我将console.log()添加到fileOnProgress()中,我将获得uploadStatus状态的[]值。 我尝试将uploadStatus状态放在useEffect中,但发生了无限循环,因为在函数内部状态也在更新。 注意:在这个场景中,已经从其他函数填充了uploadStatus,这就是为什么我希望获得更新值的原因。 import React, { useEffect, useState } from 'react'; function Dropzone { cons
浏览 18
提问于2019-07-26
得票数 0
1
回答
React js - useState在onChange表单函数内部和外部返回不同的值
javascript
、
reactjs
、
use-state
、
react-forms
我想知道为什么loginPassword.length和loginPasswordError在loginFormPasswordHandler内部和外部是不同的 import React, {useState} from 'react'; import './styles.css' const App = () => { const [loginPassword, setLoginPassword] = useState(''); const [loginPasswordError, setLoginPasswordError
浏览 22
提问于2021-06-24
得票数 1
回答已采纳
3
回答
发送到子组件时响应未定义的属性
javascript
、
reactjs
、
image
、
react-hooks
我想将登录用户对象发送到profile页面来编辑和上传图像,但是它以错误"ProfileImage.jsx:25 Uncaught TypeError:无法读取未定义的属性(读'photoUrl')“结束,这里是我的父代码: import React from 'react'; import { useState } from 'react'; import {getCurrentUser, logout} from '../../services/authService' import {useNavigate} fr
浏览 5
提问于2022-09-02
得票数 0
回答已采纳
2
回答
React不通过上下文进行更新的状态
javascript
、
reactjs
、
state
我试图在页面上使用由页面上的一个组件更改的上下文中的状态来显示/隐藏一个组件。我的页面上有一个文件上传框,当一个有效的文件被上传时,我想在页面上显示一个元素,但是我似乎根本无法让它工作。有人能看到我做错了什么吗? 看起来调度正在更新状态值(如下面的浏览器调试器所示),但是状态似乎没有在Dashboard.js页面上更新。 index.js ... import Provider from './Helpers/Provider' ReactDOM.render( <BrowserRouter> <Provider> <
浏览 2
提问于2022-04-20
得票数 0
回答已采纳
1
回答
如何将状态从函数传递到类reactjs
javascript
、
reactjs
、
react-hooks
我使用的是hooks。我有一个使用dropzone库的函数: export function UploadFile() { const [files] = useState([]); return ( <MaterialDropZone files={files} showPreviews maxSize={5000000} filesLimit={5} text="to upload"
浏览 0
提问于2021-04-04
得票数 0
2
回答
在React中拖放图像
javascript
、
reactjs
、
react-dropzone
我正在尝试使用React JS和库实现拖放行为,并显示缩略图。 代码如下: import React from "react"; import ReactDOM from "react-dom"; import Dropzone from "react-dropzone"; import "./styles.css"; class App extends React.Component { constructor(props) { super(props); this.state = { dr
浏览 1
提问于2019-06-17
得票数 2
2
回答
有冲突的两个拖放库
javascript
、
reactjs
、
drag-and-drop
、
react-dropzone
、
react-sortable-hoc
我们都在使用react-sortable-hoc和react-dropzone,如果在单独的页面上,它们可以很好地工作。但是,当在同一页面上使用react-sortable-hoc时,react-dropzone不能正常工作,因为我注意到react-dropzone也是由从react-sortable-hoc拖动事件触发的。(例如,我不能再在其他项目之间拖动一个项目。) 我尝试将e.preventDefault()和e.stopPropagation()添加到react-sortable-hoc的onSortStart事件中,但react-dropzone仍在被触发。 我们还能用什么方法让他们
浏览 4
提问于2020-06-20
得票数 2
回答已采纳
2
回答
react和typescript中的useState()在功能组件中丢失数据
reactjs
、
react-hooks
、
typescript2.0
我在reacjs和typescript中遇到了钩子useState的问题,我的问题是当我尝试在useState中加载数据并检索该数据时,丢失了该数据,例如下面的示例。 import React from 'react' import {Row, Col} from 'react-styled-flexboxgrid' import {Table, Th, Td, Done, Err} from './styles' import {CampaingHeader, CampaingBody} from '../../../../../us
浏览 154
提问于2020-10-29
得票数 0
回答已采纳
1
回答
对blob:url感到困惑,并在react-dropzone中将其转换为base64
reactjs
、
ecmascript-6
、
blob
我使用包react-dropzone ()从用户那里获取图像。用户上传他们的图像,一切都很好,但我只从它得到类似"blob:http//blahblah“的东西,我需要的图像是在base64 png。 我的dropzone组件: <Dropzone ref="dropzone" multiple={false} onDrop={this.onDrop.bind(this)} > {this.state.files ?<img className="img-responsive" src={this.state.files[0].pr
浏览 1
提问于2016-11-02
得票数 2
1
回答
如何使用context.api显示上传的文件内容?
javascript
、
reactjs
、
upload
我需要显示我在文件选择器中选择的文件的内容。我已经在导航栏上显示了它的名称,当我单击它的名称时,它会带我到空白选项卡,在其中我需要显示它的内容。我需要只有pdf和jpeg文件类型启用,而不是其他。这个上传组件在一个页面中呈现,然后在应用程序组件中呈现。以下是我的上传程序代码: import React, { useState, useEffect, useContext } from "react"; import { useDropzone } from "react-dropzone"; import Upload from "./pictures/
浏览 1
提问于2022-04-27
得票数 0
4
回答
useEffect中的useState不更新状态
reactjs
、
react-hooks
我是第一次接触React Hooks和使用react 16.13.1。 我将实现Auth组件,它可以处理登录。 但是,即使使用response Object调用setCurrentUser,它似乎也没有正确更新状态currentUser。 这段代码有什么问题? import React, { useState, useEffect } from "react"; import { Route, Redirect } from "react-router-dom"; import { checkLoggedIn } from "utils/Api"
浏览 119
提问于2020-10-04
得票数 3
3
回答
将函数传递给ClojureScript中的包装反应组件
clojurescript
、
reagent
、
react-dropzone
我正在尝试使用react-dropzone包在文本中。 原始的javascipt代码有一个函数作为包装组件的子函数: import React from 'react' import Dropzone from 'react-dropzone' <Dropzone onDrop={acceptedFiles => console.log(acceptedFiles)}> {({getRootProps, getInputProps}) => ( <section> <div {...getRoo
浏览 4
提问于2020-06-24
得票数 0
回答已采纳
1
回答
为什么console.logs不匹配<Text>表达式中呈现的输出?
javascript
、
reactjs
、
react-native
、
react-hooks
、
expo
在更新计数之前和之后,我都尝试过控制台日志,它正在屏幕上更新值,而不是在控制台日志中更新,而我使用控制台日志来验证我的结果。 import { StyleSheet, Text, View, Button } from "react-native"; import React from "react"; import { useState } from "react"; export default function App() { const [count, setCount] = useState(0); const increa
浏览 3
提问于2022-11-24
得票数 0
回答已采纳
2
回答
function本机- useState在useEffect函数中不工作
android
、
reactjs
、
react-native
、
mobile
我是一个反应本土化的初学者,我不理解这方面的问题: 在App.js中 import React, { useEffect, useState } from 'react'; import { ActivityIndicator, FlatList, Text, View } from 'react-native'; export default App = () => { const [isLoading, setLoading] = useState(true); const [isConnected, setisConnected] = us
浏览 4
提问于2022-08-27
得票数 0
1
回答
useEffect中的React useState不新鲜
reactjs
、
react-hooks
我在useEffect函数中的useState状态不是最新的。在我通过useEffect中的setState修改了我的旧状态后,它会记录我的旧状态。我知道我可以使用useRef并将其传递给useState,但它在setTimeout等内部不起作用。示例如下(查看hook.js文件和console.logs):https://codesandbox.io/s/prod-wildflower-qbwxt import React, { useEffect, useState } from "react"; import "./styles.css"; import
浏览 24
提问于2020-04-03
得票数 0
3
回答
在react js中的useEffect之后没有设置状态
javascript
、
reactjs
我的react应用程序中有下一个组件: import React, { useEffect, useState } from "react"; import AsyncSelect from "react-select/async"; import { ColourOption, colourOptions } from "./docs/data"; const App = () => { const [state, setState] = useState([]); useEffect(() => { set
浏览 9
提问于2021-12-14
得票数 0
1
回答
ReactJS DropZone浏览器尝试在删除时打开文件
reactjs
、
react-dropzone
尝试实现Dropzone组件,但没有太大的成功。我是不是漏掉了什么? import { useState } from 'react'; import { useDropzone } from 'react-dropzone'; import styled from 'styled-components'; export const FilDataForm = (props) => { const [files, setFiles] = useState([]) const getColor = (props) =>
浏览 3
提问于2021-01-26
得票数 1
1
回答
为什么我必须在React中将函数传递给'useState‘的setter函数?
javascript
、
reactjs
我正在使用react-dropzone处理文件上传,它使用文件列表调用以下函数: const [files, setFiles] = useState([]) const onDrop = useCallback(async acceptedFiles => { uploadFiles(acceptedFiles) }, []) 然后使用fetch上传文件: const uploadFiles = async acceptedFiles => { acceptedFiles.forEach(async (file)
浏览 5
提问于2021-02-17
得票数 3
回答已采纳
1
回答
react.js中50分钟后的全局日期事件
reactjs
如何添加全局计时器和登录50分钟后注销事件并重定向到另一个url? const App = () => { const [isLoggedIn, setIsLoggedIn] = React.useState(localStorage.getItem("isLoggedIn") == "true"); const [accessTokenId, setAccessTokenId] = React.useState(localStorage.getItem("accessTokenId") ?? "");
浏览 9
提问于2020-11-12
得票数 2
回答已采纳
1
回答
从不能正常工作的数组中删除对象
arrays
、
reactjs
、
react-bootstrap-table
、
react-dropzone
我正在使用react-下拉区域上传一些文件,并使用react-引导表-next显示上传的文件元数据。我试图从文件列表中删除一个对象,如果我随意地从列表中删除文件,它就不能正常工作。请指点。 这是我的代码框链接: 这是我的密码: import "./styles.css"; import { Box } from "reflexbox/styled-components"; import { isEmpty, reject } from "lodash"; import BootstrapTable from "react-bootstra
浏览 2
提问于2021-01-06
得票数 0
回答已采纳
1
回答
调度不是一个函数
reactjs
、
redux
、
dispatch
我正在尝试使用Redux更新我的应用程序中的状态。我无法让调度方法在fetchUser中工作。饶了我吧,我是个菜鸟。 我只想让fetchUser在第一次呈现时运行useEffectruns。 我所犯的错误是 调度不是一种功能。(在'dispatch({type:actions_types_WEBPACK_IMPORTED_MODULE_12_"FETCH_USER",有效载荷:结果}中)‘,“分派”未定义) 这是主js文件中的最后一个。 这是索引js文件: import 'react-app-polyfill/ie9'; import 'reac
浏览 3
提问于2021-02-24
得票数 1
回答已采纳
6
回答
何时使用useState()钩子的函数更新形式,例如。setX(x=>x+1)
javascript
、
reactjs
、
react-hooks
、
updates
、
setstate
通常,当我们需要更新功能组件中的状态时,我们会执行如下操作: function Example() { const [count, setCount] = React.useState(0); return (<div><p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button>
浏览 7
提问于2021-08-16
得票数 3
回答已采纳
1
回答
与TypeScript反应的其他表单的可重用输入组件
reactjs
、
typescript
、
forms
、
react-dropzone
我刚得到一个独立的部件。这是一个下拉区域字段,我们正在使用它来获取用户文件。这个下拉区域组件是一个具有自己的onsubmit事件的表单。 我们正在应用程序中进行一些重构,在一些场景中,我们需要在具有其他类型字段(例如单选按钮或文本字段)的其他形式中重用这个下拉区域组件。因为我的下拉区域有它自己的onsubmit事件和它自己的父表单标签,所以我显然不能在另一个表单中重用它。我不能在表单中添加表单,所以我试图找到一种最好的方法来创建一个可以与其他字段一起在任何现有表单中重用的单下拉区域字段。 小问题是,我的组件已经有了自己的onsubmit事件,当按submit按钮时,它使用createFile钩
浏览 12
提问于2022-05-24
得票数 -2
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
React中setState 为什么是异步的?
【一文看懂】React中usestate与useRef的区别与联系
react中useState多次定义并且每次调用都可以一一对应的原理
Node.js 中的异步生成器和异步迭代
React Hooks源码深度解析
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券