如何通过样式组件在reactjs中添加标题图像

Question

我是React.js的新手，我想通过样式组件lib在组件中添加Header Image。我没有任何想法，请您指导我如何添加图片？

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 here。