Reactjs图像不呈现答案

【问题标题】：Reactjs image doesn't renderReactjs图像不呈现
【发布时间】：2022-06-10 22:27:05
【问题描述】：

我是 React 新手，我正在使用 Reactjs 和 Styled-components 构建一个登录和注册 Web 应用程序。

我在src/assets 文件夹中添加了一个图像logo.png 来渲染它。然后在 Login.jsx 页面中，我导入了徽标，但它没有显示出来。我错了吗？我的目标是在Member Login 上方渲染logo.png。

Login.jsx：

import {
  StyledTextInput,
  StyledLabel,
  StyledFormArea,
  StyledFormButton,
  Avatar,
  StyledTitle,
  colors
} from './../../components/Styles';
import Logo from './../../assets/logo.png';

const Login = () => {
  return (
    <div>
      <StyledFormArea>
        <Avatar image={Logo} />
        <StyledTitle color={colors.theme} size={30}>Member Login</StyledTitle>
      </StyledFormArea>
    </div>
  );
};

export default Login;

Inspect 元素显示此错误：

【问题讨论】：

您在border-radius: 50px 后面好像少了一个分号。

标签： javascript reactjs styled-components