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

Use this which works perfectly and it also handles redux form validation.

import React, {Component} from 'react';
import Select from 'react-select';
import {FormGroup} from "reactstrap";


class CustomSelect extends Component {

 render() {
   const {meta: {touched, error}} = this.props;
   const className = ` form-group mb-3 ${touched && error ? 'has-danger' : '' }`;
   return (    
        
                 this.props.input.onChange(value)}
                       onBlur={() => this.props.input.onBlur(this.props.input.value)}
                       options={this.props.options}
                       placeholder={this.props.placeholder}
                    />
                    

                         

                              {touched ? error : ''}
                          
                     
           

            );


Use the CustomSelect component in redux form field component as

   

    

             

                                                        
            
            

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                       

     查看其它5个回答


            
                         

                    



               
            

    发布评论: