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

2 votes131 views3 answers
Cdn react
Javascript React
7 votes121 views6 answers
Prop types in react
Javascript React
0 vote129 views3 answers
React js require pasword to have special charaacter
Javascript React
0 vote127 views1 answer
Search Filter with React Native on FlatList
Javascript React
0 vote145 views1 answer
Modal react form table
Javascript React
1 vote135 views1 answer
Arrow not showing react slick
Javascript React
0 vote155 views1 answer
Donwload data from react js in json file
Javascript React
33 votes139 views3 answers
React routes
Javascript React
15 votes146 views6 answers
React forms
Javascript React
1 vote145 views1 answer
@react-google-maps/api npm
Javascript React