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

小编典典

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

reactjs

这是我的反应渲染功能

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

这给我这个错误

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

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

阅读 244

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