Javascript 防止浏览器滚动到顶部

我有以下功能来处理组件中的新道具：

componentWillReceiveProps(newProps) {
        this.setState({
            songTitles: newProps.songTitles,
            queue: newProps.songQueue
        });
}

以及以下渲染函数：

render() {
        return(
            <div id="attendee-queue" ref='attendeequeue'>
                <div id="attendee-queue-list">
                {   this.state.songTitles.map((title, i) => {
                        return  <div key={i}>
                                    <div className={this.getDivClass(i) + " attendee-songOuterDiv songPlaying hvr-back-pulse2"}>
                                        <a target="_blank" href={"https://www.youtube.com/watch?v="+this.state.queue[i]}>
                                            <div className="attendee-songInnerDiv"
                                                 onMouseEnter={() => this.handleHoverQueue.bind(i)}
                                                 onMouseLeave={this.handleUnhoverQueue}>
                                                {(this.state.hoverQueueId == i) ? 
                                                    {title}
                                                :
                                                    <p>{title}</p>
                                                }
                                            </div>
                                        </a>
                                    </div>
                                </div>
                    })
                }
                </div>
            </div>
        );
    }

以下是我的作品：

import React from 'react';
import ReactDOM from 'react-dom';
import {
  Image
} from 'reactstrap';
import {
  formatDateTime
} from '../timeConverter.js';
import Scroll from 'react-scroll';
var url = 'https://djque.herokuapp.com/?query=';
require("../resources/css/eventList.css");

import React from 'react';
import ReactDOM from 'react-dom';
import {
  Image
} from 'reactstrap';
import {
  formatDateTime
} from '../timeConverter.js';
import Scroll from 'react-scroll';
var url = 'https://djque.herokuapp.com/?query=';
require("../resources/css/eventList.css");