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

11 votes216 views5 answers
React router refresh page
Javascript React
3 votes261 views1 answer
React create array
Javascript React
0 vote230 views1 answer
React router not working with aws amplify
Javascript React
0 vote271 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote214 views1 answer
React border radius
Javascript React
0 vote262 views1 answer
How to add comma in react map
Javascript React
0 vote213 views1 answer
React catch error in component
Javascript React
1 vote213 views1 answer
React current path
Javascript React
0 vote222 views1 answer
React call component state
Javascript React
1 vote212 views1 answer
Horizontal scroll onclick react
Javascript React