小编Kan*_*gur的帖子

SVG React 组件的样式和替代

我想导入 svg 图像,使用类对其进行样式设置并提供替代文本以使其易于访问。我不知道该怎么做。

import { default as LogoSrc, ReactComponent as Logo } from "./logo.svg";

const svgTag = () => {
  // this produces html: <svg class='someClass'/>
  // alt is not visible  
  return <Logo className='someClass' alt='logo'/>  
}
const imgTag = () => {
  // this produces <img src="logo.svg" alt='logo' class='someClass'/>  
  // svg is not styled
  return <img src={LogoSrc} alt="logo"  class='someClass'/>
}
Run Code Online (Sandbox Code Playgroud)

html svg accessibility reactjs webpack

4
推荐指数
1
解决办法
2541
查看次数

标签 统计

accessibility ×1

html ×1

reactjs ×1

svg ×1

webpack ×1