如何在ReactJS中内联样式锚标签

Question

我正在尝试设置我的锚标签样式，但不确定如何内联。如果内联不是最好的地方，那么最好的地方是对锚标记进行样式设置。我正在使用reactjs和Gatsby框架。

我尝试了

<a
    href={`https://twitter.com/${social.twitter}`}
    style="{display: block}"
>
    {' '}
    Follow me on Twitter
</a>

我收到此错误“ style道具期望从样式属性到值而不是字符串的映射。例如，在使用JSX时，样式= {{marginRight：空格+'em'}}”。

<a
    href={`https://twitter.com/${social.twitter}`}
>
    {' '}
    Follow me on Twitter
</a>

我只需要添加     显示：块; 所以我可以在下一行上找到链接

Answer 1

根据记录，the style attribute使用Javascript对象，而不是字符串。

style={{display: 'block'}}