Redux表单验证符号无法在浏览器中呈现吗？

Question

[如果您访问此网站https://redux-form.com/7.2.0/examples/fieldlevelvalidation/，则表明如果该字段为空，则会显示以下错误消息：“ Required”（带有感叹号）：error message image

这是我的.tsx文件中的域代码：

<Field component={renderField} type="text" id="jobid" name="jobids"
    placeholder="jjl25, ert661, ..."
    validate={[FormValidation.required, FormValidation.jobids]}/>

这些是我的.ts文件中的相关导出功能：

export class FormValidation {
        public static required = (value: string) => value ? undefined : 'Required';
}

但是，对于我的项目，显示一个错误方框，而不是感叹号。我已经在Chrome，Firefox和Safari中对其进行了测试。这发生在我的计算机和某些同事的计算机上，我们都使用Mac OS。但是，对于我的一位同事，感叹号正确显示，并且他使用Windows。知道是什么原因造成的，以及如何解决？提前致谢。

Answer 1

似乎FontAwesome没有被加载，因此图标不出现，因为它不知道如何渲染该字形。

据我所知，FontAwesome不是redux格式的依赖项，因此您必须尝试在项目中的某个位置手动添加它，例如index.html，如下所示：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />

它可在Redux Form文档站点上使用，因为它们在文档的head标签中包含了一个链接，该链接从上述代码片段中的同一CDN加载了很棒的字体。

关于为什么它出现在您同事的Windows计算机上，我真的不确定。我想，如果他在本地安装FontAwesome作为字体，它可能会使用它并能够正确呈现该字形。