I'm having an issue trying to embed multiple forms on one page. I noticed configForm
executes once, even with multiple forms on the page, that's why I can't dynamically generate different form names.
Screenshot showing multiple text fields bound together.
function configForm(){
const uuid = UUID.generate();
const config = {
form:`AddCardForm_${uuid}`,
fields:['text'],
validate:validate
}
return config;
}
export default reduxForm(configForm(), mapStateToProps, {togglePanelEditMode, addCardToPanel})(CardFormContainer);
How can I add the forms so that they behave independent of each other?