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 vote179 views1 answer
Using RN BootSplash with React Navigation
Javascript React
0 vote204 views3 answers
Play sound onload react
Javascript React
0 vote202 views2 answers
Assigning ID to view react native
Javascript React
7 votes191 views2 answers
React router 6 redirect
Javascript React
2 votes191 views1 answer
Npm install --save react-native-vector-icon
Javascript React
1 vote170 views2 answers
React state not updating immediately
Javascript React
0 vote209 views1 answer
React change button color on hover
Javascript React
0 vote162 views1 answer
Create-react-app height issues with flex
Javascript React
0 vote252 views1 answer
Show modal by using id in list react
Javascript React
1 vote224 views1 answer
Remove underline from hyperlink react
Javascript React