我可以使用自定义css对jsx错误隐藏逗号吗?

67up9zun  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(359)

我的网站的一个组件基于以下.js代码:

items.add( 
     `field-${field.id()}`, 
     <div className="Mason-Field Form-group"> 
         <label> 
             {field.icon() ? <>{icon(field.icon())} </> : null} 
             {field.name()} 
         </label> 
         ,<div className="FormControl Mason-Inline-Answers">{answer_list}</div>, 
     </div> 
 );

在该网站中,逗号在jsx中的位置与输出中的位置完全相同。当hyperscript转换为jsx时,这一定是一个疏忽。请参阅下面的测试帖子屏幕截图。
我个人无法在.js级别修复此问题。有没有办法在css级别隐藏逗号?
测试姿势

ckocjqey

ckocjqey1#

方法是将外部div的字体颜色设置为透明,然后在子项上再次设置:

.Mason-Field.Form-group { color: transparent }
.Mason-Field.Form-group > * { color: initial }

取决于你的其他课程 FormControlMason-Inline-Answers ,您可能需要更具体一些。

相关问题