制作一个slider动画

 使用react-slick制作一个切换卡片的React组件。

import Slider from "https://cdn.skypack.dev/react-slick"

class ReactSlider extends React.Component {
  render() {
    const settings = {
        dots: true,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        useCSS: true,
        useTransform: true
      }
    return (
      

      
        

          

            

              
              
            
            
            
            
            

            

          
 
        
 
        
        

          

            

              
            
            
            
            

            

          
 
        
 
        
        

          

            

              
            
            
Level 5
            
The Giant
            

              Slow, steady and powerful, Giants are massive warriors that soak up huge amounts of damage. Show them a turret or cannon and you'll see their fury unleashed!
            

            

              

                
2M
                
Training
              

              

                
12
                
Speed
              

              

                
2250
                
Cost
              
            
          
        
      
        
    )
  }
}

ReactDOM.render(, document.getElementById("root"));