render() {

        let name = this.props.item.name
        window.setTimeout(function () {
            let nameBox = document.getElementById("name-box-" + name);
            let nameElement = document.getElementById("name-" + name);
            if (nameBox && nameElement) {
                nameElement.classList.remove('invisible');
                nameBox.classList.remove('invisible');

            }
        }, 500);
        var inactive = '';
        if(this.props.item.inactive){
            inactive = "-inactive";
        }

        return (
            <span className={"headshot"+inactive}>
                <span id={"name-box-" + this.props.item.name} className="name-box invisible">
                    <span id={"name-" + this.props.item.name} className="name-focus invisible">
                        {this.props.item.name}
                    </span>
                </span>
                <img className={"image-box"+inactive} id="imgFull" src={this.props.item.headshot} />

            </span>

        );
    }
//Should have item in props.

Should have item in props.
Should have item in props .
render() {
        let name = this.props.item.name
        window.setTimeout(function () {
            let nameBox = document.getElementById("name-box-" + name);
            let nameElement = document.getElementById("name-" + name);
            if (nameBox && nameElement) {
                nameElement.classList.remove('invisible');
                nameBox.classList.remove('invisible');
            }
        }, 500);
        var inactive = '';
        if(this.props.item.inactive){
            inactive = "-inactive";
        }
        return (
            <span className={"headshot"+inactive}>
                <span id={"name-box-" + this.props.item.name} className="name-box invisible">
                    <span id={"name-" + this.props.item.name} className="name-focus invisible">
                        {this.props.item.name}
                    </span>
                </span>
                <img className={"image-box"+inactive} id="imgFull" src={this.props.item.headshot} />
            </span>
        );
    }
render ( ) { let name = this . props . item . name window . setTimeout ( function ( ) { let nameBox = document . getElementById ( "name-box-" + name ) ; let nameElement = document . getElementById ( "name-" + name ) ; if ( nameBox && nameElement ) { nameElement . classList . remove ( 'invisible' ) ; nameBox . classList . remove ( 'invisible' ) ; } } , 500 ) ; var inactive = '' ; if ( this . props . item . inactive ) { inactive = "-inactive" ; } return ( < span className = { "headshot" + inactive } > < span id = { "name-box-" + this . props . item . name } className = "name-box invisible" > < span id = { "name-" + this . props . item . name } className = "name-focus invisible" > { this . props . item . name } < / span > < / span > < img className = { "image-box" + inactive } id = "imgFull" src = { this . props . item . headshot } / > < / span > ) ; }
Should have item in props.
Should have item in props .