ilonacodes/index.jsx

## 25 changes: 25 additions & 0 deletions index.jsx
@@ -0,0 +1,25 @@

    const ImportFromFileBodyComponent = () => {
const ImportFromFileBodyComponent = () => {

      let fileReader;
  let fileReader;


      const handleFileRead = (e) => {
  const handleFileRead = (e) => {

        const content = fileReader.result;
    const content = fileReader.result;

        console.log(content)
    console.log(content)

        // … do something with the 'content' …
    // … do something with the 'content' …

      };
  };


      const handleFileChosen = (file) => {
  const handleFileChosen = (file) => {

        fileReader = new FileReader();
    fileReader = new FileReader();

        fileReader.onloadend = handleFileRead;
    fileReader.onloadend = handleFileRead;

        fileReader.readAsText(file);
    fileReader.readAsText(file);

      };
  };


      return <div className='upload-expense'>
  return <div className='upload-expense'>

        <input
    <input

          type='file'
      type='file'

          id='file'
      id='file'

          className='input-file'
      className='input-file'

          accept='.csv'
      accept='.csv'

          onChange={e => handleFileChosen(e.target.files[0])}
      onChange={e => handleFileChosen(e.target.files[0])}

        />
    />

      </div>;
  </div>;

    };
};