React在使用utf-8時遇到的問題

Question

我正在使用Visual Studio開發基於React的解決方案。我的React .js檔案採用UTF-8編碼。

我使用了一些丹麥文本，令我困惑的是我必須將ø重寫為ø

令我困惑的原因是因為瀏覽器顯示的是UTF-8替換字符，所以我認為它一定是一直使用UTF-8編碼。

我是否忽略了一些明顯的東西？

以下是用來展示問題的程式碼：

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

Answer 1

你可以在js檔案中使用以下方式來表示它們：

import utf8 from "utf8";

const encoded = utf8.encode(Søgning)

如果你在.jsx檔案中使用它，就不需要對特殊字元進行編碼。在.jsx檔中可以這樣使用：

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