safari中的reduxForm输入文件返回一个未定义的
错误可能是由于以下原因导致的：
- 浏览器兼容性问题：Safari浏览器对于文件上传的处理方式与其他浏览器可能存在差异，可能导致reduxForm在Safari中无法正确处理文件上传操作。
- reduxForm配置问题：可能是reduxForm的配置出现了问题，导致无法正确处理文件上传操作。可以检查reduxForm的配置选项，确保正确设置了文件上传相关的属性和事件处理函数。
针对这个问题，可以尝试以下解决方案：
- 检查浏览器兼容性：首先确认该问题是否只在Safari浏览器中出现，如果是，则可以考虑使用其他浏览器进行测试，看是否能够正常上传文件。如果在其他浏览器中能够正常工作，那么很可能是Safari浏览器的兼容性问题。
- 更新reduxForm版本：检查reduxForm的版本，如果是较旧的版本，可以尝试更新到最新版本，以获取更好的兼容性和bug修复。
- 检查reduxForm配置：仔细检查reduxForm的配置选项，确保正确设置了文件上传相关的属性和事件处理函数。可以参考reduxForm的官方文档或者相关教程，了解如何正确配置文件上传功能。
- 检查文件上传组件：如果使用了自定义的文件上传组件，可以检查该组件的实现是否正确。确保文件上传组件能够在Safari浏览器中正常工作。
- 联系reduxForm支持：如果以上方法都无法解决问题，可以联系reduxForm的支持团队，向他们反馈该问题，并寻求他们的帮助和建议。
对于文件上传的问题，腾讯云提供了对象存储（COS）服务，可以用于存储和管理文件。腾讯云的COS服务具有高可靠性、高可用性和高扩展性，适用于各种文件上传场景。您可以通过以下链接了解腾讯云COS的相关产品和产品介绍：
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
我有一个包含输入类型文件的reduxForm，所选文件的返回值未定义，我的代码是：
<Field
label="Select a File"
name="file"
component={this.renderFileField}/>
而renderFileField函数是：
renderFileField( field ){
return(
<div>
<label className="label">{field.label}</l
浏览 3提问于2017-07-31得票数 1
回答已采纳
我正在使用Redux表单并创建验证，以检查字段是否完全匹配X个字符数。我的方法是确定输入的长度，并根据指定的长度进行验证。我能够成功地控制台记录每个字符的输入，但是当尝试记录输入的长度时会收到一个错误。
如何确定validator.js文件中输入的长度
错误信息："TypeError:无法读取未定义属性的‘长度’“
//component.js (Redux Form)
import React from 'react';
import {reduxForm, Field, SubmissionError, focus} from 'redux-form'
浏览 0提问于2018-06-24得票数 1
回答已采纳
我正在使用react和redux创建一个简单的登录表单。当我试图控制在表单中输入的值时，我得到了未定义的值。
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';`enter code here`
class Signin extends Component {
handleFormSubmit({email, password}){
console.log(email,password);
浏览 5提问于2017-06-12得票数 0
回答已采纳
2回答
我使用的ReduxForm有两种形式：
内模
在塔布斯里面。
取决于表单‘类型，我必须调整我的reduxForm 'connect’参数。
对于Tab，我需要：
destroyOnUnmount
enableReinitialize
..。
用Modal，我不想要它们。
我的表单是通过道具输入表单的，但是我不能使用它来调整我的reduxForm。
export defaut ReduxForm({
form : 'testForm',
destroyOnUnmount : false,
enableReinitial
浏览 9提问于2017-06-01得票数 0
回答已采纳
因此，以下是警告：
Warning: UserInviteForm is changing an uncontrolled input of type checkbox to be controlled.
在查看了reduxForm v5和其他人的票证后，我似乎收到了此警告，因为该字段的初始值未定义，因此需要使用字段value || "“对输入值属性进行初始化。
进一步检查，受控复选框需要将属性设置为一个值。
因此，我的假设是清除警告的方法是以以下两种方式之一编写输入标记：
<input
{...isPrimary}
value={isPrimary.value || &
浏览 0提问于2017-04-07得票数 0
我试图使用容器中的getFormValues向道具添加表单值。但是，当我在派生组件中查找values属性时，将得到一个未定义的值。我错过了什么？
集装箱代码：
import {reduxForm, getFormValues} from 'redux-form';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import * as actions from '../actions/propertiesActions';
浏览 0提问于2016-10-05得票数 1
回答已采纳
2回答
我试图在输入框下面添加一个字符计数器。类似于Twitter在其输入框中的内容：
我在ReduxForm中使用React和Redux，并尝试遵循这个指南，但是它不使用Redux。我还尝试使用动作和还原器将其放入状态，但这似乎与输入框混乱，不允许从任何输入中输入。
最终目标是在输入任何内容之前添加字符计数和禁用submit按钮。如果有人对如何最好地做这件事有任何建议，我将非常感激。
以下是组件代码：
import React, { Component } from 'react';
import { connect } from 'react-redux
浏览 3提问于2016-06-03得票数 2
回答已采纳
我已经使用redux- form实现了一个提交表单：
import { reduxForm } from 'redux-form/immutable';
const Filters = ( {fields: {symbol, side, status}} ) => {
console.log(side);
export default reduxForm({
form: 'FiltersAccounts', // a unique identifier for this form
fields: ['symbol', &
浏览 0提问于2017-02-10得票数 0
1回答
我有一个ReduxForm和一个由两种不同类型的输入组成的组件:一个单选按钮组和一个数字文本字段。有没有办法在ReduxForm Field中存储两个参数:选中的单选按钮的值和文本字段的值？应该如何使用format、normalize属性和onChange函数来组织它？目前我有一些类似于(简化)的东西： export const ComplexField = (props) =>
const { onChange, ... } = props
return(<div>
<RadioGroup onChange=... />
<InputTextFi
浏览 10提问于2019-06-29得票数 0
1回答
我正在用ReactJS制作一个auth系统，并使用一个Redux。在实现我的Signin类时，它在控制台中显示未定义、未定义的。我已经包括了signin.js文件和还原下面的文件。
src/components/auth/signin.js
import React, { Component } from 'react';
import { reduxForm } from 'redux-form';/*
import * as actions from '../../actions';*/
class Signin extends Compo
浏览 3提问于2016-12-27得票数 0
1回答
为什么使用验证函数未定义错误？我在日志中打印错误，但在字段中没有定义。当我尝试做field.meta.error时，我会得到一个未定义的。我把它放在inputComponent const的<input>之后。
const inputComponent = function(field) {
return (
<div>
<input { ...field.input } type={field.type} placeholder={field.placeholder} className={field.className} />
浏览 6提问于2017-04-02得票数 3
回答已采纳
我正在使用Redux-Form &我正在尝试从该表单中获取值。documentation建议使用getFormValues()的方法如下： MyComponent = connect(
state => ({
values: getFormValues('myForm')(state),
})
)(MyComponent) 在我的组件中，我当前在我的组件中使用带有mapStateToProps的connect。但是我怎样才能同时使用这两者呢？我当前的代码(不工作，因为personFormValues是undefined)是这样的： export
浏览 12提问于2019-09-01得票数 0
1回答
问题：
如果我不将承诺从asyncValidate函数传递给asyncValidation.js:8 Uncaught Error: asyncValidate function passed to reduxForm must return a promise，那么它在asyncValidation.js:8 Uncaught Error: asyncValidate function passed to reduxForm must return a promise中也会失败，我如何访问传递给asyncValidat函数中组件的道具。
我的案子：
表单具有选择固定URL的选项，然后如果要输
浏览 2提问于2020-06-30得票数 1
回答已采纳
这是我的项目的样子：
class ParentOfForm extends Component{
constructor(){this.state={initVals: null};}
componentDidMount(){
asyncCall.then((values) =>
setState({
initVals: {
initval1: valFromAsync,
..
}
})
);
}
render(){
const {initVals} =
浏览 2提问于2018-09-12得票数 0
我在代码中使用ReduxForm和DatePicker。对于Datepicker，我使用输入掩码以mm/dd/yyyy格式显示日期。
这是我的密码
import React from 'react';
import { connect } from 'react-redux';
import { Field, reduxForm } from 'redux-form';
import DatePicker from 'react-datepicker';
import MaskedInput from 'react-tex
浏览 3提问于2019-07-22得票数 0
1回答
我使用Redux Form和React，但是表单字段需要硬编码。有没有从父组件动态传入字段的方法？
/* form.jsx */
import React, { PropTypes } from 'react';
import { Field, reduxForm } from 'redux-form';
export const formFields = [
'firstname',
'lastname',
'password'
]
class RegForm extends Component
浏览 3提问于2016-08-30得票数 0
回答已采纳
我只想在点击链接时触发这一小段代码
<a href="#" id="open">OPEN</a>
$( window ).resize(function() {
resetValue();
sizeScrollbar();
reflowContent();
});
//init scrollbar size
setTimeout( sizeScrollbar, 10 );//safari wants a timeout
所以理论上，我想：
if(open button clicked)
{
$( windo
浏览 0提问于2014-02-13得票数 1
嗨，我是redux表单的新手，我想知道如何使用"text“以外的输入类型。我浏览了文档，但除了键入"text“和"email”之外，其他任何内容都不起作用。例如，我想使用type=“复选框”或“单选”，但它们不会出现在浏览器输出中。我不确定我在这里做错了什么，以及到底是什么损坏了它们不起作用。任何帮助都将不胜感激。 下面是我的reducers/index.js文件 import {combineReducers} from 'redux';
import { reducer as reduxForm } from 'redux-form'
浏览 27提问于2021-01-04得票数 0
3回答
我有以下搜索组件
import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import { search } from '../../actions/actions'
class Search extends Component {
render() {
const {handleSubmit, "fields":{query}} = this.props;
re
浏览 0提问于2016-12-19得票数 4
回答已采纳
我刚刚添加了Redux到我的React应用程序，我认为它是工作的，但现在我一直在我的控制台两个错误。
这是：
警告:失败的propType:必需的道具‘字段’没有在'ReduxForm(MyForm)‘中指定。检查“Connect(ReduxForm(MyForm))”的呈现方法。
这是：
未定义TypeError:无法读取未定义属性的“减少”
第二部分提到这一点(第2行)：
var getValues = function getValues(fields, state) {
return fields.reduce(function (accumulator,
浏览 5提问于2016-10-25得票数 1
1回答
我有一个函数/哑巴组件，它有一个redux表单来更新用户。请找到下面的代码：
import React from 'react';
import { Field, reduxForm } from 'redux-form';
import { InputText } from './shared';
import { Row, Col, Button } from 'react-bootstrap';
const required = value => (value ? undefined : 'Required&
浏览 0提问于2018-05-29得票数 3
每当我试图从Redux表单材料ui呈现一个字段时，我都会得到一个错误。这是我的表格代码：
import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
import { TextField, DatePicker, SelectField } from 'redux-form-material-ui';
class InputForm extends Component {
render() {
retur
浏览 2提问于2018-05-11得票数 1
回答已采纳
我正在使用redux-form处理redux中的表单数据。
我已经注意到，为了使用syncErrors状态，检查验证错误，我需要首先检查实际的redux-form是否已经完成呈现，否则将抱怨它找不到未定义的syncErrors --这意味着this.props.accountForm，redux-form，还不可用。
这是预期的行为吗？
--这是破解的代码：
render() {
return (
<SignUpInForm>
<div>
<Field
name="name"
浏览 1提问于2019-01-30得票数 0
回答已采纳
1回答
我第一次使用redux表单，在处理同步验证程序时遇到了一些问题。
实际上，我有以下组件：
import React, {Component, PropTypes} from 'react';
import {Field} from 'redux-form';
/**
* The SignupForm class definition
*/
export default class SignupForm extends Component {
/**
* The SignupForm props type
*/
static
浏览 3提问于2016-12-12得票数 0
回答已采纳
当我把韩语字符放进去时，这个bug仍然会发生。破坏字符构图。
가ㄱㅏㄱㅏ (甲板标题: 应是 가가가__) )
在韩语中，要输入字符'가'，我必须输入'ㄱ‘，然后输入'ㅏ'，然后将它们组合成'가’，但是，当值从空值变为非空值时，它会破坏一个组合。所以我不能在TextField中输入“가”
它看起来ReduxForm有一个bug。
因为普通的TextInput元素或tcomb-native运行良好。我认为ReduxForm重渲染破坏了构图。
你能告诉我如何解决这个问题吗？
浏览 0提问于2018-03-25得票数 1
我有一个字段poll.id，它是包含多个部分的表单的一部分。每个部分包含在一个带有@reduxForm注释的组件中，每个组件都可能有自己独特的验证方法。
我的问题是，在本例中，当validatePoll返回验证异常时，它不会出现在字段级别。我想知道这是否与字段的点语法有关。
@reduxForm({
form: 'posteditor',
destroyOnUnmount:false,
})
@autobind
class MyForm extends React.Component {
[...]
pollButton(field){
浏览 4提问于2016-11-20得票数 0
回答已采纳
在减速机文件中添加减速器
const reducers = {
// ... other reducers here ...
form: formReducer
};
我在这个类中使用了 v7.1.2和react 16，并使用了reduxForm()`` but there is alreadyconnect()`，尝试了2 same在同一个页面中添加两个HOC，但在这两个页面上都失败了。
下面是我的文件的相关代码，请检查并告诉我丢失了什么？
使用命名导出
renderField.jsx
import React from 'react';
浏览 1提问于2017-11-22得票数 0
回答已采纳
3回答
我很难用docs建议的代码覆盖redux-form-validators中的默认错误消息：
Object.assign(Validators.messages, {
required: "This is a required field"
})
这给出了一个错误
未定义验证器。
问题：，这个Validators对象是什么?我们应该在哪里/如何定义/使用它，这样我们才能正确地覆盖默认消息？
/containers/Animals/Animals.js
import React, { Component } from 'react';
import
浏览 4提问于2018-10-04得票数 1
1回答
我在Internet Explorer中输入(type=“文件”)有问题(我只在8中测试过)。
HTML
<input id="drop-file-files" class="drop-file-waiting" type="file">
JS ()
$('#drop-file-files').change(function(e){
$.each(e.target.files, function(index, file){
alert(file);
});
});
它在火狐，浏览器和Sa
浏览 0提问于2012-10-11得票数 12
回答已采纳
2回答
验证ReduxForm:嵌套值
、、、、
我在ReduxForm中使用了validatioin，直到我必须验证一个名为嵌套的字段(即：location.coordinates[0] )。
在Redux商店中，这个数据看起来是这样的：
"location" : {
"type" : "Point",
"coordinates" : [
103.8303,
4.2494
]
},
尝试验证这些字段时，
方法1
if (!values.location.coordinates[0]) {
errors.loca
浏览 6提问于2018-10-04得票数 2
我的javascript megamenu下拉列表不起作用，副标题也不起作用。我认为这是一个javascript问题，但我正在努力确定到底出了什么问题。
我使用了google的“检查元素”>控制台，有三个问题：
TypeError：$.browser是未定义的固定的：！
不建议使用getPreventDefault()。使用defaultPrevented代替。
TypeError：$j.browser是未定义的var safari = $j.browser.safari；/*我们需要检查safari以修复输入：.
如果有人能就javascript的问题指出正确的方向
浏览 2提问于2014-08-22得票数 0
我正在与redux表单库进行交互。我想用函数组件中的两个字段创建简单的表单。在其中一个只输入了一个字符后，我失去了注意力。我创建了函数renderInput，它返回物质UI TextField输入。使用本机HTML输入，我可以观察到相同的错误。我试图将renderInput移到组件中，但这并没有帮助我。
下面我展示了我的功能组件实现：
import React from "react";
import {Field, InjectedFormProps, reduxForm} from "redux-form";
import IStream from
浏览 3提问于2021-07-22得票数 1
回答已采纳
在Safari浏览器中，JS window.open方法遇到了一个问题：
标准的window.open() JavaScript方法不能用于从全局HTML文件或扩展名栏打开新的选项卡和窗口。
所以，我试着用这个代码来代替：
safari.self.browserWindow.openTab(myLink);
但我发现了一个错误：
index.html:199未定义的ReferenceError: safari未定义
(在工具iPhone仿真程序中，它也不适用于真正的iPhones )
编辑，这里有更多的上下文：
var link = 'http://www.exampl
浏览 3提问于2018-01-10得票数 0
我得到了以下错误：
‘调度’未定义为no-undef
我要做的是，每当用户选择一个ReduxFormField单选按钮时，表单自动提交。
怎样才能从this..dispatch中正确地执行onReduxFormFieldChange操作？
...
import {
Field as ReduxFormField,
reduxForm,
} from 'redux-form';
import { compose } from 'recompose';
...
class MyFormRadioInputs extends React.Component
浏览 1提问于2018-01-19得票数 1
1回答
我使用的是redux-form，文本框的值没有得到输入的更新，也就是说，我无法在输入框中输入。
注意事项：Redux-dev工具正在记录输入按钮的事件，但文本框内容没有更新。
import React from 'react';
import { Field, reduxForm } from 'redux-form';
class ExamSettingForm extends React.Component {
renderInput = ({input}) => {
console.log(input);
return (
浏览 0提问于2019-03-25得票数 0
我在一个类组件中有一个redux表单，由于某种原因，当我在控制台记录formValues时，我得到了未定义，问题是什么？ class CreateTeamBox extends Component{
handleFormSubmit({name}){
console.log(name);
}
renderError = ({ touched, error}) => {
if(touched && error) {
return(
<div&g
浏览 13提问于2019-01-28得票数 0
回答已采纳
我有一个部件看起来像这样，
const errorAnalysisName = { name: undefined }
const ReduxForm = (props: ReduxFormProps) => {
const { handleSubmit, children } = props
return <Form onSubmit={handleSubmit}>{children}</Form>
}
const connectedForm = connect(state => {
errorAnalysisName.name =
浏览 0提问于2018-03-08得票数 0
回答已采纳
1回答
我有一个React项目，我不理解这个代码
import { reduxForm } from 'redux-form';
@reduxForm({
form: EDIT_FORM,
initialValues: {
showLeadFromDescription: true,
rssOptions: [],
isHidden: 'true',
},
})
什么是@reduxForm？如何在@redux
浏览 5提问于2022-01-04得票数 0
我用的是react kendo-ui。我想包装来自@progress/的输入，以便将其与ReduxForm一起使用。请在下面找到我的代码：
import React from 'react'
import { Input } from '@progress/kendo-react-inputs';
const InputText = ({ input, label, type, meta: { touched, error } }) => (
<div>
<label>{label}</label&g
浏览 0提问于2018-05-03得票数 0
回答已采纳
在Safari中执行此代码不起作用，但它在chrome和firefox中有效：
var pathToFile = path.resolve('./scripts', file);
element( by.css('input[ng-file-select="onFileSelect($files)"]')).sendKeys(pathToFile);
在Safari上运行的Protractor中，以这种方式与文件输入交互似乎是不可能的。有没有人知道在Safari中将文件路径放在输入中的解决方法？
浏览 0提问于2014-06-17得票数 1
在最初呈现React时，会为Title和Content字段调用Component方法。但是，虽然标题字段中的附加输入更改调用了renderField方法，但内容字段似乎没有这样做。这反映在控制台日志中，其中初始组件负载产生了2个“输入更改”，对于标题中的其他更改，“输入更改”打印，但是在对content字段进行更改时不会出现响应。到底怎么回事？
import React, { Component } from 'react';
import { Field, reduxForm } from 'redux-form';
class PostNew extend
浏览 1提问于2017-05-27得票数 0
回答已采纳
3回答
我在Ignite 2.0中使用redux表单.我试图验证这些值，但是每当我试图找到字符串的长度时，它就给出了字符串是未定义的。
这是我的部件
import React, { Component } from "react";
import { Field, reduxForm } from "redux-form";
import {
Container,
Content,
Text,
Button,
View,
Item,
Input
} from "native-base";
import { StackNavig
浏览 2提问于2018-10-29得票数 0
回答已采纳
使用Redux函数寻找一些见解。我跟随着从乌德米开始设置格雷斯的路线。在此之前一切都进展顺利。其他的错误/错误，我能够自己研究和解决。我真的很难在这里找到解决办法。
singin.js
import React, { Component } from 'react'
import { reduxForm } from 'redux-form'
import { Checkbox, Form, FormField, Button, Grid, GridColumn, Input } from 'semantic-ui-react'
class S
浏览 0提问于2018-05-09得票数 0
回答已采纳
1回答
import React from 'react'
import { Field, reduxForm } from 'redux-form'
const required = value => value ? undefined : 'Required'
const renderField = ({ input, label, type, meta: { touched, error, warning } })=> (
<div>
&
浏览 11提问于2019-06-15得票数 0
我目前正在构建一个相当简单的MERN堆栈应用程序，似乎不能让redux表单工作。下面是我的PostNew.js：
import React, { Component } from 'react';
import PostForm from './PostForm';
import { connect } from 'react-redux';
import * as actions from '../../actions';
class PostNew extends Component {
constructor(prop
浏览 0提问于2018-08-17得票数 1
我开始使用，但对于如何处理道具和状态，我还是有点不知所措。
我得到了这个类型错误：
TypeError:无法读取未定义的属性“触摸”
{name.touched && name.error && {name.error}
谁能给我指明正确的方向或者让我知道我做错了什么
EmployeeFormComponent.js：
import React from 'react';
import { reduxForm } from 'redux-form';
const EmployeeForm = ({ addEmployee,
浏览 0提问于2018-02-10得票数 1
我创建了redux表单来上传带有文件的表单数据。但是我很难理解如何处理文件输入，当我尝试从表单浏览器控制台选择文件时，它会抛出这个错误。
组件正在更改要控制的类型文件的不受控制的输入。输入元件不应从不受控制的转变为受控的.
fileupload.js
import React, { Component } from "react";
import { Field, reduxForm } from "redux-form";
import Card from "@material-ui/core/Card";
class Registe
浏览 0提问于2018-11-04得票数 1
回答已采纳
当我在我的简单的三个输入域表单中使用redux-form时，我得到了这个错误消息。 form.jsx
import React, {Component} from 'react';
import { Field, reduxForm } from 'redux-form'
import { connect } from 'react-redux';
class Signup extends Component {
signupView = () => {
return (
<section id="user
浏览 18提问于2019-05-09得票数 4
回答已采纳
1回答
我正在开发一款类似google文档最小版本的react应用程序。我使用的是一个包含两个字段title和content的redux表单，并且在对输入的更改中自动提交数据。
如何实现在输入时显示Saving和提交时显示Saved的特性？
// file: AutoSaveForm.js
import React, { Component } from 'react'
import { Field, reduxForm } from 'redux-form'
import _debounce from 'lodash.debounce'
浏览 0提问于2019-08-27得票数 0
回答已采纳
2回答
反应导航导航到另一个屏幕
、、、
当isLoggedIn = true导航到Profile时，我尝试登录，但总是给出错误
未定义不是对象(计算'_this.props.navigation')
我的密码怎么了？有人能帮我吗？
import React from 'react'
import {
Image,
StyleSheet,
Text,
TextInput,
TouchableOpacity,
View
} from 'react-native'
import { Field, reduxForm } from
浏览 1提问于2017-05-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
