Question: everyone!
I am trying to render the exchange rates from a server to my page.
Here is my React code:

```
import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
    constructor() {
        super();

        this.state = {
            exRates: []
        };
    }
    getCurrencyRatesFromDB = () => {
        fetch('https://api.exchangeratesapi.io/latest')
           .then((response) => {
             console.log('then 1', response);
            return response.json();                                                                     
        }).then((data) => {
            console.log('then 2', data);
            this.setState({
                exRates: data.rates
            });
        });
    }

    render() {
        console.log('render started');
        return (
            <div>
                console.log('return started'),
                <button 
                    type="button" 
                    className="btn"
                    onClick={() => {
                        this.getCurrencyRatesFromDB();                                          
                    }}
                    >
                        Load rates
                </button>
                <p>{this.state}</p>
        </div>        
        )
    }
}

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

```

How do I modify the 'render' part to see the rates in a column like it is on the server?
Thank very much to you in advance!

Answer: 
1. You must not had an empty line beetween
`@app.route("/profile/<name>")` and `def profile(name):`
2. You have to set the html file in a folder called templates.
3. You have to set the templates folder and run.py in the same folder
You can try this below by adding the type string in your @app.route :

```
@app.route("/profile/<string:name>")
def profile(name):
  return render_template("test.html", name=name)

```