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 votes356 views2 answers
Prevent refresh react
Javascript React
1 vote411 views1 answer
How to add react icons using yarn
Javascript React
0 vote384 views1 answer
Npm ERR! peer react@"^15.x.x" from [email protected]
Javascript React
4 votes384 views1 answer
Carousel react
Javascript React
1 vote367 views1 answer
Minimum flatlist size react native
Javascript React
6 votes325 views2 answers
React native socket io
Javascript React
0 vote354 views1 answer
Dropdown list value react fragment
Javascript React
0 vote373 views2 answers
React js form radio input using hooks
Javascript React
0 vote398 views1 answer
React native scrollview in modal
Javascript React
0 vote430 views1 answer
Tailwind css toggle switch react
Javascript React