react-select in flex container

Question

How can I make react-select to respect flex layout? Nothing of the below worked.

 const Container = styled(\'div\')`
   width: 100%;
   height: 100%;
   display:         


        

Answer 1

To make your react-select component flex you need to apply flex:1 props on the container like this:

const styles = {
  container: base => ({
    ...base,
    flex: 1
  })
};



    

             

                                                        
            
            

              
                
                0
              
                   
                
               讨论(0)
              
                                                  
              
              

                          
             
       
          
              
                                    
                         

                    



               
            

    发布评论: