ReactJS: How to wrap react-select in redux-form field?

Question

I am working on react-select library and facing some issues, I am using redux-form library and importing component from it

Answer 1

When using react-select with redux-form, you'll need to change the default behavior of onChange and onBlur method and call redux-form's onChange and onBlur method respectively.

So, Try this:

const RenderSelectInput = ({input, options, name, id}) => (
     input.onChange(value)}
         onBlur={(value) => input.onBlur(value)}
    />
)


and use the above component like




Calling redux-form's onBlur method when focus is removed from the Select field will prevent loss of value.
    

             

                                                        
            
            

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                       

     查看其它5个回答


            
                         

                    



               
            

    发布评论: