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 vote191 views1 answer
React native app crashes without error
Javascript React
0 vote216 views1 answer
React router dom v6 active link
Javascript React
0 vote207 views1 answer
Reactjs add border to the table row
Javascript React
4 votes204 views1 answer
Read keyboard reactjs
Javascript React
0 vote189 views1 answer
Text decoration react native
Javascript React
0 vote176 views2 answers
React hook toggle state
Javascript React
0 vote194 views1 answer
React native float upto 2 digits
Javascript React
-1 vote169 views1 answer
How to create scroll to top button in reactjs example code
Javascript React
6 votes189 views2 answers
Hr react
Javascript React
1 vote190 views2 answers
Upload image react
Javascript React