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

1 vote216 views1 answer
New line in p tag react
Javascript React
0 vote206 views1 answer
React js loop through array of objects
Javascript React
0 vote222 views1 answer
React native passing params to nested navigators
Javascript React
-1 vote237 views1 answer
How to remove react icon from tab
Javascript React
0 vote209 views1 answer
Javascript slider get value react
Javascript React
0 vote290 views1 answer
Dropzone react view photo
Javascript React
0 vote182 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
0 vote219 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote218 views1 answer
React build size
Javascript React
1 vote270 views1 answer
How to add react icons using yarn
Javascript React