Question: Is it possible to break line after every anchor element using CSS and not doing it manually in HTML?

I've already tried some word-breaks, etc., but none of them worked.

Answer: 
From the [documentation](https://reactjs.org/docs/react-component.html#setstate);

> 
> setState() does not immediately mutate `this.state` but creates a pending state transition. Accessing `this.state` after calling this method can potentially return the existing value. There is no guarantee of synchronous operation of calls to setState and calls may be batched for performance gains.
> 
> 
> 

Suggestion -> passing a callback function:

```
this.setState({
      data: this.state.instant_data,
    }, () => {
    const link = `https://newsapi.org/v2/everything?q=${this.state.data}&apiKey=API_KEY`;
    const raw_data = await fetch(link);
    const data = await raw_data.json();
    console.log(data);
});

```
It is because this.setState is not immediate change, sometimes it takes some time to set it so you should not use `this.state.data` but use `this.state.instant_data` instead like:

```
const link = `https://newsapi.org/v2/everythingq=${this.state.instant_data}&apiKey=API_KEY`;

```