{"action":"created","issue":{"url":"https://api.github.com/repos/erikras/redux-form/issues/807","repository_url":"https://api.github.com/repos/erikras/redux-form","labels_url":"https://api.github.com/repos/erikras/redux-form/issues/807/labels{/name}","comments_url":"https://api.github.com/repos/erikras/redux-form/issues/807/comments","events_url":"https://api.github.com/repos/erikras/redux-form/issues/807/events","html_url":"https://github.com/erikras/redux-form/issues/807","id":148182703,"number":807,"title":"Nested fields and errors","user":{"login":"jeremymarc","id":410677,"avatar_url":"https://avatars.githubusercontent.com/u/410677?v=3","gravatar_id":"","url":"https://api.github.com/users/jeremymarc","html_url":"https://github.com/jeremymarc","followers_url":"https://api.github.com/users/jeremymarc/followers","following_url":"https://api.github.com/users/jeremymarc/following{/other_user}","gists_url":"https://api.github.com/users/jeremymarc/gists{/gist_id}","starred_url":"https://api.github.com/users/jeremymarc/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeremymarc/subscriptions","organizations_url":"https://api.github.com/users/jeremymarc/orgs","repos_url":"https://api.github.com/users/jeremymarc/repos","events_url":"https://api.github.com/users/jeremymarc/events{/privacy}","received_events_url":"https://api.github.com/users/jeremymarc/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2016-04-13T21:03:08Z","updated_at":"2016-04-14T15:51:33Z","closed_at":null,"body":"I have a redux form, like this:\r\n\r\n`@reduxForm({\r\n  form: 'signup',\r\n  fields: [ 'users.username', 'users.email'],\r\n})\r\nexport default class Signup extends Component {\r\n....\r\n render() {\r\n    const {user, logout, fields} = this.props;\r\n    return (\r\n      <div>\r\n        {!user &&\r\n        <div>\r\n         <form className=\"signup-form form-inline\" method=\"post\" onSubmit={this.props.handleSubmit(this.onSubmit.bind(this))}>\r\n              <div className=\"form-group\">\r\n               <input type=\"text\" ref=\"user_username\" className=\"form-control\" {...fields['users.username']}/>\r\n              </div>\r\n              {fields['users']['username'].touched && fields['users']['username'].error && <div>{fields['users']['username'].error}</div>}\r\n              <div className=\"form-group\">\r\n               <input type=\"text\" ref=\"user_email\" name=\"company[users][email]\" placeholder=\"Entrer votre adresse email\" className=\"form-control\" {...fields['users']['email']}/>\r\n              </div>\r\n              {fields['users']['email'].touched && fields['users']['email'].error && <div>{fields['users']['email'].error}</div>}\r\n         </form>\r\n         <button className=\"btn btn-success\" onClick={this.props.handleSubmit(this.onSubmit.bind(this))}>Signup</button>\r\n         </div>\r\n        }\r\n  </div>\r\n    );\r\n  }`\r\nIn the reducer, I'm setting the error (from server side like this):\r\n\r\n`{\"users.email\":[\"can't be blank\"]}`\r\n\r\nBut it doesn't display it under the field (it's working with non nested field). What am I missing?\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/erikras/redux-form/issues/comments/210013049","html_url":"https://github.com/erikras/redux-form/issues/807#issuecomment-210013049","issue_url":"https://api.github.com/repos/erikras/redux-form/issues/807","id":210013049,"user":{"login":"WirthAware","id":137501,"avatar_url":"https://avatars.githubusercontent.com/u/137501?v=3","gravatar_id":"","url":"https://api.github.com/users/WirthAware","html_url":"https://github.com/WirthAware","followers_url":"https://api.github.com/users/WirthAware/followers","following_url":"https://api.github.com/users/WirthAware/following{/other_user}","gists_url":"https://api.github.com/users/WirthAware/gists{/gist_id}","starred_url":"https://api.github.com/users/WirthAware/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/WirthAware/subscriptions","organizations_url":"https://api.github.com/users/WirthAware/orgs","repos_url":"https://api.github.com/users/WirthAware/repos","events_url":"https://api.github.com/users/WirthAware/events{/privacy}","received_events_url":"https://api.github.com/users/WirthAware/received_events","type":"User","site_admin":false},"created_at":"2016-04-14T15:51:33Z","updated_at":"2016-04-14T15:51:33Z","body":"I had a similar problem with a ASP.NET backend. A quick solution i used was to write a function and create a nested object from validation keys that you could return to redux-form. \r\n\r\nBut also note redux-form do not support a array for the error value. \r\nYou could use a extra property to store the message array.  \r\n\r\n{ \"users\" : { \"email\" : { errorMessages: [\"cant be blank\"] } } } \r\n\r\nor just join the error message array with a special seperator to have a single error value and when you use it convert it back to an array by splitting the string.  \r\n\r\n"}}