How to import a .txt file from my source?

Question

I try to import a .txt file to show the text in a text box.

My code:

import React, { Component } from \'react\';
import \'./LoadMyFile.css\';
import          


        

Answer 1

Not wanting to use fetch as it makes me have to deal with async responses. I solved my problem like this.

1. Created a seperate .js file and assigned my text to a variable
2. Exported the variable

const mytext = `test
 this is multiline text.
 more text`;

export default mytext ;

3. In my other component, I import the file.

import mytext from './mytextfile.js';

4. I am now free to assign it to a variable or use it anywhere in my component.

 const gotTheText = mytext;
 return ();