Как сделать импорт excel на ReactJS с помощью инструментов «read-excel-file»?

Я новичок. Я думаю, что-то не так. Я пытаюсь решить, но не работает. Я привожу этот код из примера HTML. Пожалуйста, помогите мне узнать: как написать это в файле reactJS. Спасибо большое.

import readXlsxFile from 'read-excel-file';
import React,{Component} from 'react';
import ReactDOM from 'react-dom';

class App extends Component{

    constructor(props){
        super(props);

        const input = document.getElementById('file');


        input.addEventListener('change', () => {
        readXlsxFile(input.files[0]).then((data) => {
            document.getElementById('dtable').innerHTML = '<table border=1>' + data.map(row => '<tr>' + row.map(cell => `<td>${cell === null ? '' : cell}</td>`).join('') + '</tr>').join('') + '</table>';
        })
        })

    }



    render(){
        return (
            <div>
                <input type = "file" id = "file" />
                <div id = "dtable"></div>
            </div>

        ); 

    }

}

ReactDOM.render(<App />,document.querySelector('#root'));