能否通过自定义CSS隐藏JSX渲染时意外显示的多余逗号？

可以通过CSS实现隐藏这些多余的逗号，核心思路是隐藏父容器内的游离文本节点（即误输出的逗号），同时恢复正常业务元素的样式即可，推荐使用以下兼容性最优的方案：

/* 选中逗号所在的父容器 */
.Mason-Field.Form-group {
  font-size: 0;
  /* 父容器字体大小设为0，所有直接子文本节点会被完全隐藏 */
}

/* 恢复容器内正常元素的字体大小，可根据你网站实际的基准字体大小调整数值 */
.Mason-Field.Form-group > label,
.Mason-Field.Form-group > .FormControl {
  font-size: 1rem;
}

注意事项 #

• 如果你的项目中.Mason-Field.Form-group下还有其他直接子元素，把需要正常显示的元素选择器补充到上面的恢复规则里即可
• 该方案兼容所有主流浏览器，不会影响原有元素的布局和交互逻辑

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