Как вставить svg в React.js?

Пользователь

от lilla.herman , в категории: JavaScript , 3 месяца назад

Как вставить svg в React.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dmitrypro77 , 2 месяца назад

@lilla.herman Используйте import чтобы импортировать svg иконку и затем вставить ее в React.js, ниже пример как это работает:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
import React from "react";
import ReactDOM from "react-dom";
import { ReactComponent as Logo } from "./logo.svg";

function IconComponent() {
  return (
    <div>
      <Logo />
    </div>
  );
}

class App extends React.Component {
  render() {
    return <IconComponent />;
  }
}

ReactDOM.render(<App />, document.getElementById("container"));
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.