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

0 vote194 views1 answer
Use of parse in react
Javascript React
126 votes315 views4 answers
Npm create react app
Javascript React
5 votes200 views2 answers
Lazy loading react
Javascript React
0 vote220 views1 answer
Horizontal cards react bootstrap
Javascript React
17 votes242 views4 answers
React native geolocation
Javascript React
0 vote217 views1 answer
React navbar material ui
Javascript React
0 vote203 views1 answer
React Rendering Movies
Javascript React
0 vote259 views1 answer
React router redirect with query params
Javascript React
6 votes209 views4 answers
Add items to a react array in hooks
Javascript React
0 vote218 views1 answer
How to add base url as src in react native
Javascript React