How to pass array dynamically in asyncBlurField redux-form?

Question

I am following redux form tutorial and almost done with that but could not pass the array in asyncValidate file

I need to change array ['john', 'paul', 'george', 'ringo'] with the array coming from server response...

const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
const asyncValidate = (values /*, dispatch */) => {
  return sleep(1000).then(() => {
    // simulate server latency
    if (['john', 'paul', 'george', 'ringo'].includes(values.username)) {
      throw { username: 'That username is taken' }
    }
  })
}

export default asyncValidate

Shubham Khatri · Accepted Answer · 2018-04-30 10:26:33Z

1

your asyncValidate function needs to make an api call that returns you the list like

const asyncValidate = (values /*, dispatch */) => {
  return axios.get('url').then((data) => {
    if (data.includes(values.username)) {
      throw { username: 'That username is taken' }
    }
  })
}

export default asyncValidate

answered Apr 30, 2018 at 10:26

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Shubham Khatri Over a year ago

If you pass it to the validate function, it no longer is an async validate, rather just validate.

Ashh Over a year ago

I still could not find the correct way to implement async blur fields in redux form... can you please help me to do it...

Collectives™ on Stack Overflow

How to pass array dynamically in asyncBlurField redux-form?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related