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

3 votes115 views1 answer
React router dom current path hook
Javascript React
4 votes131 views2 answers
React checking matches in state array
Javascript React
0 vote117 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
32 votes126 views6 answers
Usestate react
Javascript React
-1 vote117 views1 answer
Import ReactDOM from "react-dom";
Javascript React
5 votes142 views3 answers
CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker"
Javascript React
0 vote122 views1 answer
React deployment pipeline
Javascript React
0 vote148 views1 answer
Paging react mongoose
Javascript React
0 vote126 views1 answer
React hooks port requst
Javascript React
85 votes122 views6 answers
Redirect react router
Javascript React