Failed prop type: Invalid prop `form` of type `object` supplied to `Form(xxx)`, expected `string`
0
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
add a comment |
0
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
Does your store contains aformkey ? could it be that a prop namedformis being sent toIAMSubnetFormP? if so, it could overwrite the stingformbeing sent toreduxFormwrapper
– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using isform: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
add a comment |
0
0
0
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
I am building a Redux form but I cannot seem to solve the following error. I am using redux-form v7.4.x
Here is what I have currently in my class component:
//Decorate with connect to read form values
const selector = formValueSelector('selectingFormValues') // <-- same as form name
//const mapStateToProps = state => state.form['object Object'];
const mapStateToProps = state => {
// const services: state.services;
const formState = getFormValues('IAMSubnetFormNew')(state);
if(formState == undefined){
return state;
}
return formState
}
function mapDispatchToProps(dispatch) {
return bindActionCreators(
{
fetchIAMConfig, fetchIAMConfigCount, change
, fetchIAMRanges, fetchIAMRangesCount
,requestSubnet, fetchIAMInc, fetchNetworkTopology
,fetchSubnetClass
,createCramerspooler
},
dispatch
);
}
const IAMSubnetFormP = reduxForm({
form: 'IAMSubnetFormNew', // a unique name for this form
fields: [
'type_of_subnet_id','subnet_type','location', 'security_zone', 'seczone', 'routing_domain','zone_confirm',
'subnet_size', 'subnet_confirm','iam_addressing_type_id', 'address_space', 'allocation_range', 'new_subnet',
'desc_vr','desc_vr_confirm',
'l2env', 'l2env_confirm',
'l3dev', 'l3dev_confirm',
'zone_platform',
'wo', 'iam_network_diagram_id','subnet_class',
'project', 'justification','project_confirm'
]
})(IAMSubnetForm)
const typeOfSubnetId = formValues('type_of_subnet_id')(IAMSubnetFormP)
export default connect(mapStateToProps, mapDispatchToProps)(IAMSubnetFormP) ;
/*
export default reduxForm({
form: 'IAMSubnetFormNew' // a unique name for this form
})(
connect(mapStateToProps, mapDispatchToProps)(IAMSubnetForm)
);
*/
I have tried different options which is commented out on the code but it still throws the same error.
https://codesandbox.io/s/24x376j98n
reactjs redux-form react-proptypes
reactjs redux-form react-proptypes
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
edited Nov 22 '18 at 17:32
shorif2000
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
asked Nov 14 '18 at 15:59
shorif2000shorif2000
80863581
80863581
Does your store contains aformkey ? could it be that a prop namedformis being sent toIAMSubnetFormP? if so, it could overwrite the stingformbeing sent toreduxFormwrapper
– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using isform: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
add a comment |
Does your store contains aformkey ? could it be that a prop namedformis being sent toIAMSubnetFormP? if so, it could overwrite the stingformbeing sent toreduxFormwrapper
– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using isform: 'IAMSubnetFormNew',
– shorif2000
Nov 26 '18 at 9:31
Does your store contains a
form key ? could it be that a prop named form is being sent to IAMSubnetFormP? if so, it could overwrite the sting form being sent to reduxForm wrapper– Eliran
Nov 25 '18 at 15:03
Does your store contains a
form key ? could it be that a prop named form is being sent to IAMSubnetFormP? if so, it could overwrite the sting form being sent to reduxForm wrapper– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using is
form: 'IAMSubnetFormNew',– shorif2000
Nov 26 '18 at 9:31
th eonly form key i am using is
form: 'IAMSubnetFormNew',– shorif2000
Nov 26 '18 at 9:31
add a comment |
0
active
oldest
votes
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53304219%2ffailed-prop-type-invalid-prop-form-of-type-object-supplied-to-formxxx%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
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
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53304219%2ffailed-prop-type-invalid-prop-form-of-type-object-supplied-to-formxxx%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
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
Required, but never shown
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
Required, but never shown
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
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Does your store contains a
formkey ? could it be that a prop namedformis being sent toIAMSubnetFormP? if so, it could overwrite the stingformbeing sent toreduxFormwrapper– Eliran
Nov 25 '18 at 15:03
th eonly form key i am using is
form: 'IAMSubnetFormNew',– shorif2000
Nov 26 '18 at 9:31