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 vote197 views1 answer
React flip move
Javascript React
0 vote140 views1 answer
Testing library react hooks
Javascript React
0 vote130 views1 answer
How to run and clone react app
Javascript React
-1 vote143 views1 answer
React native toggle button with text
Javascript React
0 vote170 views3 answers
'App' is not defined react/jsx-no-undef
Javascript React
0 vote1.5K views1 answer
Docker react js
Javascript React
7 votes139 views5 answers
Resize image react native
Javascript React
0 vote138 views1 answer
Backgroundcolor react
Javascript React
2 votes138 views1 answer
How to use `setState` callback on react hooks
Javascript React
23 votes191 views2 answers
Reactjs app change port
Javascript React