Как показать элементы при событии React?

import React from 'react'; 
import Slider from "react-slick"; 
 
import WorkItem from '../WorkItem'; 
 
class PortfolioSectionPanel extends React.Component { 
 
    constructor() { 
        super(); 
 
        this.state = { 
            works: [ 
                { 
                    type: 'Some', 
                    link: 'some', 
                }, 
                { 
                    type: 'Some1', 
                    link: 'some1', 
                }, 
                { 
                    type: 'Some', 
                    link: 'some', 
                }, 
                { 
                    type: 'Some1', 
                    link: 'some1', 
                }, 
                { 
                    type: 'Some', 
                    link: 'some', 
                }, 
                { 
                    type: 'Some', 
                    link: 'some', 
                }, 
            ] 
        } 
 
        this.showWorks = () => { 
            let {works} = this.state; 
 
            const angleRad = 360 / works.length * 0.017; //Частота кругов в радианах 
            const bg = document.getElementById('portfolio-panel-disk'); 
            let radius; 
            if(bg) { 
                radius = parseInt(getComputedStyle(bg).width) / 2 * 20; 
            } 
 
            let workItems = works.map((currentValue, index) => { 
                return <WorkItem  
                        type={currentValue.type}  
                        link={currentValue.type}  
                        key={index}  
                        leftOffset={radius - radius * Math.cos(angleRad * index)} 
                        topOffset={radius - radius * Math.sin(angleRad * index)}  /> 
            }) 
 
            return workItems 
        } 
 
    } 
     
    render() { 
    
        return( 
 
            <div className={this.props.freshClass}> 
                <div className={this.props.classForBg} onTransitionEnd={this.showWorks} > 
                    <div className='portfolio-panel-disk' id='portfolio-panel-disk'> 
                        {workItems} 
                    </div> 
                </div> 
            </div> 
        ) 
    } 
} 
     
 
export default PortfolioSectionPanel;