Глификон добавить поле в JSX

Question

Как правильно добавить поле к глифику, используемому в компоненте React?Я попробовал просто: <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 , Я попытался также добавить компонент styled (который мы используем над CSS), как

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

но он вообще не отображает знак восклицательного знака (однако занимает место).

Как правильно это сделать?

Answer 1

Замените "margin-left" на "marginLeft".

Из документов React (которые вы связали в своем вопросе):

Клавиши стилей верблюжьими в порядкебыть согласованным с доступом к свойствам на узлах DOM из JS (например, node.style.backgroundImage).