React document viewer

// MyApp.js
import React, { Component } from 'react';
import logger from 'logging-library';
import FileViewer from 'react-file-viewer';
import { CustomErrorComponent } from 'custom-error';

const file = 'http://example.com/image.png'
const type = 'png'

class MyComponent extends Component {
  render() {
    return (
      <FileViewer
        fileType={type}
        filePath={file}
        errorComponent={CustomErrorComponent}
        onError={this.onError}/>
    );
  }

  onError(e) {
    logger.logError(e, 'error in file-viewer');
  }
}

Source: npmjs.com

Similar codes

7 votes358 views6 answers
Prop types in react
Javascript React
0 vote342 views1 answer
Import button react-bootstrap
Javascript React
0 vote391 views1 answer
Get height webview from url video react native
Javascript React
8 votes400 views1 answer
React.Fragmen
Javascript React
0 vote316 views1 answer
Ctx beginpath react
Javascript React
0 vote403 views1 answer
How to reset count in react
Javascript React
0 vote412 views1 answer
How to use rgba in react native
Javascript React
4 votes374 views2 answers
Google map react search place
Javascript React
0 vote369 views1 answer
Hide component blur react hooks
Javascript React
6 votes389 views2 answers
TextInput disable react native
Javascript React