Problems React encounters when using utf-8

Question

I am developing a React based solution using Visual Studio. My React .js files are encoded in UTF-8.

I'm using some Danish text and what confuses me is that I have to rewrite ø as ø

The reason I'm confused is because the browser displays UTF-8 replacement characters, so I assume it must be using UTF-8 encoding all the time.

Am I overlooking something obvious?

Here is a code that demonstrates the problem:

render() {
    return (
        <div>
            Sogning.
            S&oslash;gning.
        </div>
    );
}

Answer 1

You can use the following ways to represent them in js files:

import utf8 from "utf8";

const encoded = utf8.encode(Søgning)

If you use this in a .jsx file, there is no need to encode special characters. You can use it like this in a .jsx file:

render() {
    return (
        <div>
            Søgning.
            Søgning.
        </div>
    );
}