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 vote105 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript React
0 vote102 views1 answer
React native navigation paramlist never used
Javascript React
0 vote106 views1 answer
Import a component react js
Javascript React
10 votes112 views1 answer
Dimensions react native
Javascript React
1 vote56 views1 answer
React use callback
Javascript React
0 vote113 views1 answer
React userefrence example
Javascript React
1 vote97 views1 answer
Stream closed react native
Javascript React
2 votes104 views1 answer
React native apk bundle
Javascript React
0 vote106 views2 answers
Dispay react component after some time
Javascript React
4 votes110 views2 answers
How to use react-native-vector-icons
Javascript React