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

-2 votes113 views2 answers
Showdown react
Javascript React
0 vote118 views1 answer
Return <Text> using if condition react native
Javascript React
0 vote134 views1 answer
Copy paste menu react native textinput disable
Javascript React
1 vote139 views1 answer
React router dom 6 go back
Javascript React
0 vote147 views1 answer
React import coreui icons
Javascript React
0 vote122 views1 answer
React native set default ios simulator
Javascript React
0 vote132 views1 answer
React native run android common error
Javascript React
1 vote180 views1 answer
Rendering in react
Javascript React
1 vote81 views1 answer
Functions inside class component react
Javascript React
8 votes122 views2 answers
Set value as object in react hooks
Javascript React