“cara menggunakan svg di react js” Kode Jawaban

Mengimpor SVG ke React

import React from 'react';
import { ReactComponent as BrandIcon } from "./assets/brand-icon.svg";

export default function(){
  return( 
      <div>
          <BrandIcon />
      </div>
   );
}
Adorable Anteater

cara menggunakan svg di react js

import React from 'react';
import LogoName from '../assets/logo.svg'

const Header = () => {
    return ( 
        <div>
           	<img src={LogoName} alt="logo"/>
        </div>
     );
}
Puzzled Puffin

Cara mengimpor SVG di React

//customIcon.js

import React from "react";
import {ReactComponent as ImportedSVG} from "path/to/myIcon.svg";
import { SvgIcon } from '@material-ui/core';

function CustomIcon() {
 return(
  <SvgIcon component={ImportedSVG} viewBox="0 0 384 512"/>

)
}

export default CustomIcon;
Salo Hopeless

Impor SVG sebagai Komponen Bereaksi

import React from 'react';
import { ReactComponent as YourSvg } from './YourSvg.svg';

const MyComponent = () => {
    return(
        <YourSvg/>
    );
}

export default MyComponent ;
Captain Khaled

Bereaksi SVG

//Use this WEB APP to convert any svg to a valide reactJs or React native Component
Playground - SVGR
https://react-svgr.com/playground/
SamuraiR4cc00n

Jawaban yang mirip dengan “cara menggunakan svg di react js”

Pertanyaan yang mirip dengan “cara menggunakan svg di react js”

Lebih banyak jawaban terkait untuk “cara menggunakan svg di react js” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya