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

3 votes135 views3 answers
Adding donet chart text center in react
Javascript React
15 votes131 views3 answers
Image react native
Javascript React
0 vote136 views2 answers
Remove state from location on page load in react router dom
Javascript React
0 vote117 views1 answer
Try catch in react native
Javascript React
0 vote152 views1 answer
How to load a javascript game from react
Javascript React
0 vote129 views1 answer
Rotas react com axios
Javascript React
2 votes131 views1 answer
Scoll to top on each route react
Javascript React
0 vote176 views1 answer
React flip move
Javascript React
0 vote123 views1 answer
React js create element
Javascript React
5 votes117 views2 answers
Get url query in react
Javascript React