Styjun

How can it be that ssh somename works, while nslookup somename does not?

if i accidentally leaked my schools ip address and someone d doses my school am i at fault

TeX Gyre Pagella Math Integral sign much too small

Renting a house to a graduate student in my department

Is there an application which does HTTP PUT?

Publishing an article in a journal without a related degree

Why use steam instead of just hot air?

What's the "magic similar to the Knock spell" referenced in the Dungeon of the Mad Mage adventure?

Does Thread.yield() do anything if we have enough processors to service all threads?

Why does the electron wavefunction not collapse within atoms at room temperature in gas, liquids or solids due to decoherence?

Passport stamps art, can it be done?

Can a planet still function with a damaged moon?

What can cause an unfrozen indoor copper drain pipe to crack?

Has everyone forgotten about wildfire?

Lorentz invariance of Maxwell's equations in matter

I might have messed up in the 'Future Work' section of my thesis

Are on’yomi words loanwords?

Gift for mentor after his thesis defense?

Why is there a cap on 401k contributions?

Why valarray so slow on VS2015?

How does weapons training transfer to empty hand?

Is there any evidence to support the claim that the United States was "suckered into WW1" by Zionists, made by Benjamin Freedman in his 1961 speech

Is it a Munchausen Number?

Rusty Chain and back cassette – Replace or Repair?

`fields` is marked as required in `ReduxForm()`, but its value is `undefined`

Redux-Form: Not able to change value of input elements“Warning: Failed propType: Required prop 'fields' was not specified in 'ReduxForm(MyForm)'”Admin on rest Create form - merge firstName and lastName into a third fieldHow to grab Textfield input values with Redux-form using MaterialUIHow to use reduxForm() and connect() together for class component in react?redux-form: ordering connect and reduxForm calls - can't access store props and syncErrors togetherHow to add types for redux-form's Field wrapperRedux form: change other field if validation successHow to access redux form values in another componentReduxForm is rendered twice when mounted via enzyme

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

1

1

I'm trying to use redux-form

// rootRedcer.ts
import combineReducers from 'redux'
import reducer as formReducer from 'redux-form'

import translation from './translation/reducer'

export default combineReducers(
 form: formReducer,
 translation,
)

// components/DashboardHome/index.tsx
import connect from 'react-redux'
import DashboardHome from './Home'

export default connect()(DashboardHome)

// components/DashboardHome/DashboardHome.tsx
import * as React from 'react'
import Field, reduxForm from 'redux-form'

function handleSubmit(value) console.log(value) 

const DashboardHome = () => (
 <form onSubmit=handleSubmit>
 <div>
 <label htmlFor="firstName">First Name</label>
 <Field name="firstName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="lastName">Last Name</label>
 <Field name="lastName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="email">Email</label>
 <Field name="email" component="input" type="email" />
 </div>
 <button type="submit">Submit</button>
 </form>
)

export default reduxForm(
 form: 'registration'
)(DashboardHome)

But I get an error

Failed prop type: The prop `fields` is marked as required in 
`ReduxForm(DashboardHome)`, but its value is `undefined`.

What is the reason of error? What I'm doing wrong?
Thanks

redux redux-form

share|improve this question

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

add a comment | 

1

1

I'm trying to use redux-form

// rootRedcer.ts
import combineReducers from 'redux'
import reducer as formReducer from 'redux-form'

import translation from './translation/reducer'

export default combineReducers(
 form: formReducer,
 translation,
)

// components/DashboardHome/index.tsx
import connect from 'react-redux'
import DashboardHome from './Home'

export default connect()(DashboardHome)

// components/DashboardHome/DashboardHome.tsx
import * as React from 'react'
import Field, reduxForm from 'redux-form'

function handleSubmit(value) console.log(value) 

const DashboardHome = () => (
 <form onSubmit=handleSubmit>
 <div>
 <label htmlFor="firstName">First Name</label>
 <Field name="firstName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="lastName">Last Name</label>
 <Field name="lastName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="email">Email</label>
 <Field name="email" component="input" type="email" />
 </div>
 <button type="submit">Submit</button>
 </form>
)

export default reduxForm(
 form: 'registration'
)(DashboardHome)

But I get an error

Failed prop type: The prop `fields` is marked as required in 
`ReduxForm(DashboardHome)`, but its value is `undefined`.

What is the reason of error? What I'm doing wrong?
Thanks

redux redux-form

share|improve this question

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

add a comment | 

I'm trying to use redux-form

// rootRedcer.ts
import combineReducers from 'redux'
import reducer as formReducer from 'redux-form'

import translation from './translation/reducer'

export default combineReducers(
 form: formReducer,
 translation,
)

// components/DashboardHome/index.tsx
import connect from 'react-redux'
import DashboardHome from './Home'

export default connect()(DashboardHome)

// components/DashboardHome/DashboardHome.tsx
import * as React from 'react'
import Field, reduxForm from 'redux-form'

function handleSubmit(value) console.log(value) 

const DashboardHome = () => (
 <form onSubmit=handleSubmit>
 <div>
 <label htmlFor="firstName">First Name</label>
 <Field name="firstName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="lastName">Last Name</label>
 <Field name="lastName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="email">Email</label>
 <Field name="email" component="input" type="email" />
 </div>
 <button type="submit">Submit</button>
 </form>
)

export default reduxForm(
 form: 'registration'
)(DashboardHome)

But I get an error

Failed prop type: The prop `fields` is marked as required in 
`ReduxForm(DashboardHome)`, but its value is `undefined`.

What is the reason of error? What I'm doing wrong?
Thanks

redux redux-form

share|improve this question

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

// rootRedcer.ts
import combineReducers from 'redux'
import reducer as formReducer from 'redux-form'

import translation from './translation/reducer'

export default combineReducers(
 form: formReducer,
 translation,
)

// components/DashboardHome/index.tsx
import connect from 'react-redux'
import DashboardHome from './Home'

export default connect()(DashboardHome)

// components/DashboardHome/DashboardHome.tsx
import * as React from 'react'
import Field, reduxForm from 'redux-form'

function handleSubmit(value) console.log(value) 

const DashboardHome = () => (
 <form onSubmit=handleSubmit>
 <div>
 <label htmlFor="firstName">First Name</label>
 <Field name="firstName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="lastName">Last Name</label>
 <Field name="lastName" component="input" type="text" />
 </div>
 <div>
 <label htmlFor="email">Email</label>
 <Field name="email" component="input" type="email" />
 </div>
 <button type="submit">Submit</button>
 </form>
)

export default reduxForm(
 form: 'registration'
)(DashboardHome)

Failed prop type: The prop `fields` is marked as required in 
`ReduxForm(DashboardHome)`, but its value is `undefined`.

share|improve this question

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

share|improve this question

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

asked Mar 23 at 9:02

Nikolay PodolnyyNikolay Podolnyy

12917

2 Answers
2

active

oldest

votes

0

I downgraded my 'react' and 'react-dom' package from the current version(v16.8.4) to 16.6.3, and the error is gone. There might be a conflict between react-dom and redux-form.

share|improve this answer

answered Mar 24 at 12:31

Han LeeHan Lee

1

add a comment | 

0

Downgrading didn't work for me.
Switched to
formik

As I see redux-form has broken changes. Demo example doesn't work

share|improve this answer

edited Mar 27 at 8:00

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55312178%2ffields-is-marked-as-required-in-reduxformmycomp-but-its-value-is-undef%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

I downgraded my 'react' and 'react-dom' package from the current version(v16.8.4) to 16.6.3, and the error is gone. There might be a conflict between react-dom and redux-form.

share|improve this answer

answered Mar 24 at 12:31

Han LeeHan Lee

1

add a comment | 

0

I downgraded my 'react' and 'react-dom' package from the current version(v16.8.4) to 16.6.3, and the error is gone. There might be a conflict between react-dom and redux-form.

share|improve this answer

answered Mar 24 at 12:31

Han LeeHan Lee

1

add a comment | 

I downgraded my 'react' and 'react-dom' package from the current version(v16.8.4) to 16.6.3, and the error is gone. There might be a conflict between react-dom and redux-form.

share|improve this answer

answered Mar 24 at 12:31

Han LeeHan Lee

1

share|improve this answer

answered Mar 24 at 12:31

Han LeeHan Lee

1

answered Mar 24 at 12:31

Han LeeHan Lee

1

answered Mar 24 at 12:31

Han LeeHan Lee

1

0

Downgrading didn't work for me.
Switched to
formik

As I see redux-form has broken changes. Demo example doesn't work

share|improve this answer

edited Mar 27 at 8:00

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917

add a comment | 

0

Downgrading didn't work for me.
Switched to
formik

As I see redux-form has broken changes. Demo example doesn't work

share|improve this answer

edited Mar 27 at 8:00

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917

add a comment | 

Downgrading didn't work for me.
Switched to
formik

As I see redux-form has broken changes. Demo example doesn't work

share|improve this answer

edited Mar 27 at 8:00

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917

share|improve this answer

edited Mar 27 at 8:00

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917

answered Mar 25 at 20:27

Nikolay PodolnyyNikolay Podolnyy

12917