“Impor SVG sebagai Komponen Bereaksi” 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

Impor SVG Bereaksi

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

Konversi SVG menjadi Komponen Bereaksi

//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 “Impor SVG sebagai Komponen Bereaksi”

Pertanyaan yang mirip dengan “Impor SVG sebagai Komponen Bereaksi”

Lebih banyak jawaban terkait untuk “Impor SVG sebagai Komponen Bereaksi” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya