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 vote184 views1 answer
Modal react form table
Javascript React
0 vote189 views1 answer
Background image in react from variable
Javascript React
9 votes194 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote175 views1 answer
Expo cli vs react native cli
Javascript React
0 vote193 views1 answer
Sort Array Object in React
Javascript React
32 votes182 views6 answers
React copy array
Javascript React
0 vote188 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote196 views3 answers
Flatlist react native keyextractor
Javascript React
1 vote193 views1 answer
Retour a la ligne <p> react
Javascript React
5 votes191 views4 answers
How to get url in react
Javascript React