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 vote313 views1 answer
Onclick inline function react
Javascript React
0 vote274 views1 answer
Sort Array Object in React
Javascript React
0 vote284 views1 answer
React electron desktop app
Javascript React
0 vote334 views1 answer
Get size of a View in React Native
Javascript React
0 vote270 views1 answer
Qr code generator in react native
Javascript React
2 votes252 views1 answer
React router 404 redirect
Javascript React
0 vote254 views1 answer
React hooks link to external site new tab
Javascript React
0 vote269 views1 answer
Application/ld+json react
Javascript React
0 vote265 views1 answer
Fetch data from asyncstorage react native
Javascript React
0 vote269 views2 answers
React date picker disable past dates
Javascript React