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

1 vote281 views1 answer
React emoji picker
Javascript React
0 vote293 views1 answer
React link onclick refresh page
Javascript React
0 vote324 views1 answer
How to setup icomoon in react js
Javascript React
6 votes306 views1 answer
Create bottom navigation bar react native
Javascript React
0 vote296 views1 answer
React overflow scroll
Javascript React
-1 vote310 views1 answer
Component navigation without changin the url react router
Javascript React
0 vote288 views1 answer
Fetchutils in react admin
Javascript React
0 vote312 views1 answer
Getting state in react-router-dom v6
Javascript React
2 votes274 views1 answer
React-native-reanimated npm
Javascript React
0 vote291 views1 answer
Curved lines on google maps usint react
Javascript React