如何在Reason-React组件中添加版权符号？新手实操遇显示问题

嘿，作为刚接触Reason-React的新手，碰到版权符号显示不出来的问题太正常啦！我当初也踩过这个小坑，给你分享几个靠谱的解决方法：

• 直接在字符串中嵌入版权符号
  ReasonML本身支持UTF-8字符，你可以直接把©写在组件的文本字符串里，比如：

  let component = ReasonReact.statelessComponent("Copyright");
  
  let make = (_children) => {
    ...component,
    render: (_self) => <div>{"© 2024 My Project"}</div>,
  };
  

  记得确认你的代码文件编码是UTF-8（现在主流编辑器默认都是这个编码，不过可以在编辑器设置里检查一下）。

• 使用Unicode转义序列
  如果直接写符号不行，试试用版权符号的Unicode转义码\u00a9，这种方式兼容性拉满，不用担心编码问题：

  <div>{"\u00a9 2024 My Project"}</div>
  

• 借助HTML实体（需注意安全）
  要是上面两种都没效果，还可以用HTML实体©，不过需要通过dangerouslySetInnerHTML来渲染，适合静态文本场景：

  <div dangerouslySetInnerHTML={React.string("&copy; 2024 My Project")} />
  

  👉 注意：如果你的内容包含用户输入，千万别用这个方法，会有XSS风险！

另外可以检查下浏览器渲染的字体是否支持版权符号，不过这种情况比较少见，大部分系统默认字体都能正常显示。

内容的提问来源于stack exchange，提问作者bonheury