Как добавить изображение заголовка вactjs через styled-компоненты

Question

Я новичок в React.js, я хочу добавить изображение заголовка в компонент с помощью библиотеки styled-components.У меня нет идеи, пожалуйста, назовите мне, как я могу добавить картинку?

Answer 1

Вот пример, который вы можете адаптировать для заголовка.

import React from "react";
import ReactDOM from "react-dom";
import styled from "styled-components";

const Image = styled.img`
  height: 100px;
  width: 100px;
`;

function App() {
  return (
    <div className="App">
      <Image src="https://via.placeholder.com/150" />
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

CodeSandbox здесь .