Question

将边距添加到React组件中使用的glyphicon的正确方法是什么？我尝试简单： <span className='glyphicon glyphicon-exclamation-sign' margin-left='10px'/>，但未添加所需的边距。根据这个： https://zhenyong.github.io/react/tips/inline-styles.html 我认为应该工作的是<span className='glyphicon glyphicon-exclamation-sign' style={margin-left: '10px'}/>，但它给了我错误： Module build failed: SyntaxError: Unexpected token, expected ,我还尝试添加样式化组件（我们在CSS上使用了）

const glyp = styled.span.attrs({
  className: 'glyphicon glyphicon-exclamation-sign'
)}`
  margin-left: 10px
`

但它根本不呈现感叹号标记（但是占用空间）。

正确的做法是什么？

Answer 1

将“ margin-left”替换为“ marginLeft”。

从React文档（您在问题中链接过）：

样式键采用驼峰形式，以便与访问 JS中的DOM节点上的属性（例如node.style.backgroundImage）。

glyphicon在JSX中增加边距

1 个答案: