css – 渲染上的JSX样式标签错误

前端之家收集整理的这篇文章主要介绍了css – 渲染上的JSX样式标签错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的反应渲染功能
渲染:函数(){
return (
          <div>
                <p className="rr">something</p>


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

这给我这个错误
“JSX:Error:Parse Error:Line 22:Unexpected token:”

这里有什么问题?
我可以将完整的正常CSS嵌入到一个反应组件中吗?

解决方法

JSX只是javascript的一个小扩展,它不是它自己的完整的模板语言。所以你可以像在javascript中这样做:
return (<div>
            <p className="rr">something</p>


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

http://jsfiddle.net/r6rqz068/

但是完全没有理由这样做。

猜你在找的CSS相关文章