react-select UTF 编码使 'x' 看起来像 '×' multiselect

Question

我正在使用通过 npm 安装的 react-select, 1.0.0-beta14 组件。

我有一个 selector 在无状态功能组件中：

        <ControlLabel>Days Of Week</ControlLabel>
        <Select
            onChange={props.dayOfWeekOnChange}
            name="dayOfWeekSelector"
            value={props.dayOfWeek}
            multi={true}
            options={props.daysOfWeek.map(function (dayOfWeek, i) {
                return { value: dayOfWeek, label: dayOfWeek }
            }) }>
        </Select>

当我在其中制造 select 离子时，小 'x' 显示为“×”。我通过 require 包含 css 文件，并通过 webpack 使用 "css-loader": "^0.23.1" 处理它。

This site 让我相信这可能是一个编码问题，但我不确定到哪里去解决这个问题。

他们的例子：

我的：

Answer 1

I had the same issue and solved it by adding <meta charset="UTF-8"> in the <head> tag of your main html file. – Moltes

这解决了我的问题。

react-select UTF 编码使 'x' 看起来像 '×' multiselect

react-select UTF encoding makes 'x' look like 'Ã—' multiselect

javascript

css

utf-8

react-select