React中文件预览功能

    import React, { Component } from 'react';
    import FileViewer from 'react-file-viewer';
    import { post,urlHOST } from '../Utils/request';

    class Casedetails extends Component {
        onError(e){
            console.log(e)
        }

render() {
    let type
    var index = window.localStorage.preview.lastIndexOf(".");
    type = window.localStorage.preview.substr(index + 1);
    return (
        <div>
            <a className='download' href={urlHOST+window.localStorage.preview}
             style={{width: 100,
                height: 30,
                lineHeight: 30,
                textAlign: 'center',
                fontSize: 16,
                cursor: 'pointer',}}
            >下载文件</a>
            <FileViewer fileType={type}
                filePath={urlHOST+window.localStorage.preview}
                onError={this.onError}
            />
        </div>
        );
    }
}

export default Casedetails;