小编典典

标签错误:渲染时反应JSX样式标签错误

reactjs

这是我的反应渲染功能

render:function(){
  return (
    <div>
      <p className="rr">something</p>
      <style>
        .rr{
          color:red;
        }
      </style>
    </div>    
  )
}

这给我这个错误

“ JSX:错误:解析错误:第22行:意外令牌:”

怎么了 我可以将完整的普通CSS嵌入到react组件中吗?


阅读 243

收藏
2020-07-22

共1个答案

小编典典

JSX只是javascript的一小部分扩展,不是它自己的完整模板语言。因此,您可以像在javascript中那样:

return (
  <div>
    <p className="rr">something</p>

      <style>{"\
        .rr{\
          color:red;\
        }\
      "}</style>
  </div>
)

http://jsfiddle.net/r6rqz068/

但是,绝对没有充分的理由这样做。

2020-07-22