react 多个view鼠标移入移出文字变化更换图标，点击打开对应的内容弹窗

1 页面view显示，设置了一个index，就可以点击哪个，显示对应的那个

{aList.map((item, index) => (

    <Col key={ index} xs={24} sm={24} md={12} lg={12} xl={12} xxl={12}>

        <a  onClick={() => this.openDetail(index)}>

        <div className="box">

            <Space className="w-100" align="end" style={ {justifyContent: 'space-between'}}>

                <span className="hover-title">{item.type}</span>

                <div style={ {position:'relative'}} className={this.state.hoverView?'hover':'out'}>

                    <span className="show-in-hover animate_default">

                   <ReactSVG className={styles.bigArrow} src={bigViewArrow}/>

                <