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 votes268 views2 answers
Video in react native stack overflow
Javascript React
-1 vote225 views1 answer
History of react js
Javascript React
0 vote228 views1 answer
Reactjs function exemple useEffect
Javascript React
0 vote233 views1 answer
Return multiple native element react native
Javascript React
16 votes220 views1 answer
Deploy react app netlify
Javascript React
40 votes215 views5 answers
Fetch react
Javascript React
0 vote214 views1 answer
Route guards in react
Javascript React
0 vote227 views1 answer
How to use elements of 'react-router-dom'
Javascript React
0 vote209 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
32 votes238 views1 answer
React-router react-router-dom
Javascript React