React引用SVG的多种实现方式

最近在尝试着用React仿写知乎,在写登录页面的时候,将SVG格式的知乎LOGO进行渲染时,却是没有成功,通过google&baidu,成功地解决了在React中引用SVG的问题。在此过程中,发现解决方法也是有这多种,现在我总结整理其中的两种方法,记录下来作为自己成长之路的一个铺路石。

正文

方法一:直接在使用svg标签

话不多说,直接上代码
    //Logo.js
    import React from 'react'

    //css
    const styles = {
   
        zhihuLogo:{
   
            "display":"flex",
            "justifyContent":"center"
        },
        svg:{
   
            "fill":"blue"
        }
    

你可能感兴趣的:(JavaScript学习,前端,React,SVG)