Dynamic forms in redux-form

form.js

export default class FormWrapper {
	render () {
		
		const Form = makeForm(['name', 'age', 'sex']);
		
		return (
			<div>
				<Form />
			</div>
			
		)
	}
}

function makeForm (fields) { // this could also take the other values required by the reduxForm config, eg. form name
  class MyForm {
				
		static defaultProps = {
			fields: {}
		}
		
		render() {
			
			const fieldList = Object.keys(this.props.fields).map(k => {
				return <input key={k} {...this.props.fields[k]} />
			})
			
			return (
			<form>			
			{ fieldList }
			</form>
			)
		}
	}
  return connectReduxForm({form: 'dynamic', fields: fields})(MyForm);
}