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 vote163 views1 answer
Ej2 react calenders
Javascript React
0 vote177 views1 answer
Use this in a react js component
Javascript React
3 votes166 views3 answers
How to remove global react-native-cli package
Javascript React
0 vote161 views1 answer
How to add css based on route react
Javascript React
4 votes155 views1 answer
On window resize react
Javascript React
0 vote114 views1 answer
React native cross out letter
Javascript React
2 votes160 views1 answer
How to see if a web site is useing react
Javascript React
0 vote139 views2 answers
React hook toggle state
Javascript React
1 vote148 views1 answer
Implementating step component in react
Javascript React
20 votes157 views6 answers
Build apk react native
Javascript React