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 vote374 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
0 vote407 views1 answer
React flip move
Javascript React
0 vote345 views1 answer
Ios react native detect locale
Javascript React
0 vote351 views1 answer
React clone element
Javascript React
0 vote422 views1 answer
React convert table to pdf
Javascript React
1 vote336 views1 answer
How to define state in react function
Javascript React
3 votes339 views1 answer
UseHistory is not exported form react-router-dom
Javascript React
-1 vote405 views1 answer
React-native-geolocation-service
Javascript React
6 votes360 views2 answers
React in jquery
Javascript React
0 vote359 views7 answers
Convert css box shadow to react native
Javascript React