Text wont load but it reads the txt file

Question

Hey I am trying to get the textfile inside of the jsx(html)render function. I have made the function handleText which reads the text, and just splits the text up. I can see it in the console log but when i for example try to map it or just insert the myTextArr into render it gives me an empty element for instance a paragraph with no content.

I tried using the map function but without luck so now I just inserted the array inside a p tag but it wont even show there it only loads the p tag

Viet Dinh · Accepted Answer · 2020-09-14 19:29:49Z

2

you may try with setState to re-render you text array:

   handleText =()=>{
        fetch(text)
            .then((r)=>r.text())
            .then(text => {
                this.setState({myTextArr: [...this.state.myTextArr, text.split(",(?=([^\']*\'[^\']*\')*[^\']*$)")]});
            })
    }

edited Sep 14, 2020 at 19:29

answered Sep 14, 2020 at 19:25

Viet Dinh

2,0261 gold badge9 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Jerry Over a year ago

should i refer the myTextArr to state it gives me compile error otherwise?

Jerry Over a year ago

still not loading anything :/

Jerry Over a year ago

it works just had to remove ...myTextArr from the setState think it made it keep reading and saving it

Jerry Over a year ago

componentDidMount did the trick thanks man ill keep trying to improve :D

Viet Dinh Over a year ago

useEffect only is used in Functional Component. Let practise to learn more :))))

|

Didier Prophete · Accepted Answer · 2020-09-14 19:25:34Z

1

Put your text inside a <span>{text}</span> instead of <text>{text}</text>

answered Sep 14, 2020 at 19:25

Didier Prophete

2,0611 gold badge14 silver badges11 bronze badges

2 Comments

Didier Prophete Over a year ago

If you want to render a multiline text, you could just put into a <pre>{text></pre> tag and style it accordingly (or split it the way you had it and put in different spans or divs)

Jerry Over a year ago

I will try when the text is loaded in once i figure out what the problem is! Thanks :)

Collectives™ on Stack Overflow

Text wont load but it reads the txt file

2 Answers 2

12 Comments

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

12 Comments

2 Comments

Related