ReactJS 的 SVG 加载器组件

时间:2024-06-28 09:20:31
【文件属性】:

文件名称:ReactJS 的 SVG 加载器组件

文件大小:460KB

文件格式:ZIP

更新时间:2024-06-28 09:20:31

Miscellaneous

react-inlinesvg 在 React 组件中加载内联、本地或远程 SVG。 亮点:beach_with_umbrella: 易于使用:只需设置 src :hammer_and_wrench: 灵活:个性化选项以满足您的需求 :high_voltage: 智能:异步请求将被缓存。 :rocket: SSR:渲染加载器,直到 DOM 可用 :blue_square: Typescript:很好的类型 用法 npm i react-inlinesvg 并将其导入到您的代码中: import React, { useRef } from 'react'; 从 'react-inlinesvg' 导入 SVG, { Props as SVGProps }; const Logo = React.forwardRef ((道具,参考) => ( )); 导出函数 App() { const logo = useRef (空值); 返回 ( ); 道具 src {string} - 必需。 要加载的 SVG 文件。 它可以是 require、URL 或字符串(base64 或 url 编码


【文件预览】:
react-inlinesvg-master
----.eslintrc(2KB)
----.github()
--------ISSUE_TEMPLATE()
----.prettierignore(26B)
----src()
--------index.tsx(10KB)
--------types.ts(1KB)
--------helpers.ts(2KB)
----.codeclimate.yml(525B)
----demo()
--------public()
--------src()
--------sandbox.config.json(88B)
--------tsconfig.json(498B)
--------.prettierrc(200B)
--------package.json(799B)
----CONTRIBUTING.md(841B)
----.travis.yml(384B)
----tsconfig.json(216B)
----LICENSE(1KB)
----test()
--------__setup__()
--------tsconfig.json(105B)
--------__snapshots__()
--------unsupported.spec.tsx(2KB)
--------__fixtures__()
--------index.spec.tsx(15KB)
----README.md(6KB)
----jest.config.ts(848B)
----.editorconfig(235B)
----.gitignore(75B)
----.codesandbox()
--------ci.json(29B)
----package-lock.json(1.32MB)
----package.json(4KB)

网友评论