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 vote254 views1 answer
React hook form submit outside form
Javascript React
0 vote259 views1 answer
Cannot find module '@babel/runtime-corejs2/helpers/interoprequiredefault' in react native
Javascript React
0 vote276 views1 answer
React native swipe screen
Javascript React
0 vote310 views1 answer
No unuseds varsnreactjs
Javascript React
0 vote241 views1 answer
News api react native
Javascript React
0 vote255 views1 answer
Find in array and return true or false react js
Javascript React
0 vote250 views1 answer
Installation de react native maps bibliothèque
Javascript React
1 vote267 views1 answer
Android resource linking failed react native image crop picker
Javascript React
1 vote254 views1 answer
How to use boostrapicons on react
Javascript React
105 votes245 views1 answer
React web app create
Javascript React