腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
React
的
内联
SVG
(
没有
JSX
)
reactjs
我正在尝试显示一个
内联
HTML
SVG
,如下所示: <a target="blank_" href="https://www.linkedin.com/"></a> 作为一个
没有
JSX
的
react
组件。类似于: let path =
React
浏览 25
提问于2019-10-17
得票数 1
回答已采纳
1
回答
Mocha无法读取转译
的
@babel/寄存器代码
node.js
、
reactjs
、
mocha.js
、
babeljs
、
create-react-app
我正在尝试在创建-反应-应用程序创建
的
应用程序中实现Mocha。我更改了测试脚本,现在它指向Mocha,并且我
使用
@babel/register "^7.0.0"进行编译。": "^7.1.6", "@babel/plugin-transform-
react
-
jsx
他无法识
浏览 2
提问于2018-12-03
得票数 0
1
回答
如何
使用
SVG
内联
在
使用
第2包
的
反应?
reactjs
、
svg
、
parceljs
以前在Parcel v1中,您只需
使用
类似于@svgr/parcel-plugin-svgr插件
的
包即可。这将使您能够像
使用
CRA时一样
内联
地
使用
SVGs: <div> </div>有人能帮我想出在第二包里做这个
的
方法吗?
浏览 2
提问于2020-05-21
得票数 8
回答已采纳
1
回答
在
SVG
中
使用
外部样式表在
JSX
中不起作用
reactjs
、
svg
我正在
react
应用程序中加载
SVG
。
SVG
引用外部样式表。 如果我将
SVG
从
JSX
移到index.html中,
SVG
将
使用
定义
的
css类。如果我
使用
诸如
react
-
svg
之类
的
库,
svg
将在
JSX
中加载外部css类。 为什么在
JSX
中
使用
SVG
时,
SVG
不加载外部CSS?i
浏览 57
提问于2019-04-17
得票数 0
3
回答
如何在DOM上呈现反应18
的
SVG
?
reactjs
我见过很多人都在讨论不起作用
的
事情。 return <Underconstruction />但它向我展示了这个错误:我还尝试
使用
它
浏览 10
提问于2022-10-19
得票数 0
1
回答
React
中
的
SVG
图标不显示
html
、
css
、
reactjs
、
svg
我在
React
中上传
SVG
图标时遇到了问题。我给webpack添加了
svg
-inline-loader,但是它
没有
显示图标。它只显示未找到
的
图片。我想添加
SVG
图标作为img源,背景图像和快捷方式图标。这是我
的
webpack.configentry: ["whatwg-fetch", "./js/app.
jsx
"],
浏览 0
提问于2018-04-11
得票数 0
9
回答
如何与webpack建立内嵌
svg
javascript
、
svg
、
reactjs
、
webpack
、
loader
我想知道如何与webpack建立一个内置
的
svg
?我
使用
webpack.config文件加载器正确地设置了我
的
。然而,这个例子显示了
使用
这样
的
背景图像: background-image: url(./logo.
svg
);它工作得很好,但是我希望有一个
内联
的
svg
映像--如何在我
的
react
组件中包含我
的
logo
浏览 9
提问于2015-12-13
得票数 55
5
回答
如何声明
SVG
组件
的
支持类型?[反应,TypeScript和Webpack]
reactjs
、
typescript
、
svg
、
webpack
基本上,我想要做
的
是将一个
SVG
图标导入我
的
react
组件,并向它添加道具。像size="24px"一样,使它作为一个组件更加灵活。由于这是我第一次与Webpack一起
使用
TypeScript,所以我对如何声明
SVG
元素
的
类型感到困惑,我得到了一个错误(如下所示)header.tsx (这里我要我
的
sv
浏览 7
提问于2020-07-03
得票数 17
1
回答
使用
多个Webpack装载机将SVGs转换为反应组件
reactjs
、
svg
、
webpack
、
webpack-2
我正在尝试将几个Webpack装载器组合在一起加载我
的
SVG
资产,将它们转换为
内联
使用
,最后将结果转换为一个实际
的
React
组件,可以在应用程序中
使用
。', }, rules: [ test: /\.
jsx
options: { remo
浏览 2
提问于2017-07-03
得票数 2
回答已采纳
2
回答
如何在
React
中为按钮上
的
背景图像
使用
SVG
javascript
、
reactjs
、
svg
、
create-react-app
堆栈溢出时
的
第一个计时器,所以我会尽我所能。
使用
create-
react
-app创建了
react
应用程序。我有3个~文件有问题: poland.
svg
、Flag.
jsx
和exampleComponent.
jsx
import
React
from '
react
';
浏览 5
提问于2020-09-26
得票数 1
2
回答
反应和
SVG
。为
JSX
工作,在样式中
使用
时会失败。
reactjs
、
svg
、
jsx
这是我
的
部件。当我在
JSX
中
使用
SVG
时,它呈现OK: import Radium from 'radium'; rende
浏览 1
提问于2019-06-04
得票数 0
回答已采纳
1
回答
为什么
React
体系结构包含
React
.CreateElement而不返回普通
svg
javascript
、
reactjs
、
svg
、
next.js
、
heroicons
我正在
使用
HeroIcons
的
Next.Js应用程序,但意识到他们是如何组织他们
的
包架构。他们返回
的
图标如下: return /*#__PURE__*/
React
.createElement("
svg
", Object.assign({ xm
浏览 11
提问于2022-11-11
得票数 1
1
回答
如何
使用
react
-native-
svg
模块以编程方式向组件添加
SVG
元素?
react-native
、
react-native-svg
我在网上到处搜索关于如何
使用
react
-native-
svg
特性在
React
-Native中创建
SVG
Rect元素
的
信息,但
没有
成功。到目前为止,我所做
的
是在组件中定义一些
SVG
元素,并将prop传递给现有的
SVG
元素,如Rect、Circle等。但是,如何以编程方式创建随机数量
的
SVG
元素并将它们附加到组件?遗憾
的
是,文档中
没有
对此进行说明。
浏览 23
提问于2019-02-02
得票数 1
3
回答
在
React
中动态选择标签
javascript
、
svg
、
reactjs
我有一些
使用
SVG
的
React
组件,可以包含在
SVG
中,也可以不包含在
SVG
中。因此,我希望有一种简单
的
方法让它们在
svg
或g中呈现,这取决于参数,类似于: get</{containerElement}>);} 这不起作用:您不能以这种方式在
JSX
中
使用<
浏览 0
提问于2015-09-02
得票数 1
1
回答
Node+
React
+Babel+Webpack,意外令牌错误
javascript
、
reactjs
、
webpack
首先,我真的试着自己解决它,我在这里发现了几个类似的问题,但
没有
一个对我有帮助。ERROR in ./components/App'; App.
jsx
中
的
renderlimit=1' }, { test: /\.
jsx
?$/
浏览 4
提问于2017-03-02
得票数 0
回答已采纳
4
回答
react
16中
的
内联
SVG
css
、
reactjs
、
svg
我有一个
SVG
文件,我想在
react
组件中将其用作图标。<
svg
id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/
svg
" xmlns:xlink="http://www.w3.org10.47,11.15L480,554.28a23.16,23.16,0,0,0,21.18,32.56H864.42a23.17
浏览 32
提问于2017-12-08
得票数 4
回答已采纳
3
回答
react
本机中
svg
文件
的
条件呈现
javascript
、
reactjs
、
typescript
、
react-native
、
svg
我有一个买卖狗
的
应用程序。在我
的
应用中,每个狗品种都有自己
的
svg
文件存储在我
的
资产文件夹(大约150个
svg
文件)。当从后端获取post数据时,我会得到关于post
的
不同信息,包括dogBreed,例如{dogBreed:黄金检索器}。我想把相应
的
svg
呈现给每一个狗
的
帖子,但我不知道处理这个问题
的
最佳方法是什么。我
的
应用程序应该导入所有
svg
文件吗?我应该把所
浏览 9
提问于2021-12-13
得票数 0
回答已采纳
1
回答
使用
jest、
react
、webpack和
svg
进行测试
的
问题
javascript
、
node.js
、
reactjs
、
svg
、
jestjs
我刚开始
使用
react
开发,但是我还没能用
svg
文件成功地运行一个测试。代码在我
的
github repo https://github.com/alejomongua/
react
-playground中。/src/logo.
svg
:1 <
svg
xmlns="http://www.w3.org/2000/
svg
" vie
浏览 11
提问于2020-06-23
得票数 0
1
回答
从函数返回vue组件
vue.js
、
templates
、
jsx
、
vuejs3
我是Vue
的
新手,我想根据任务状态呈现
SVG
图标,并希望为此创建一个可重用
的
函数,我怎么做呢?在反应中,我本可以做这样
的
事情: todo: <
svg
></
svg
>, done: <
svg
>...</
svg</e
浏览 6
提问于2021-12-24
得票数 0
回答已采纳
1
回答
React
.
jsx
:在用Jest测试和时,类型是无效
的
typescript
、
svg
、
jestjs
、
next.js
我有一个
使用
类型记录、
React
和SVGR导入图标的Next.js 12.1.4项目,如:import ChevronLeftIcon from './chevron-left.
svg
'console.error Warning:
React
.
jsx
: type is/cjs/
react</em
浏览 14
提问于2022-04-12
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
前端福音:为什么使用React和SVG开发图形UI是天作之合?
React-组件样式的两种方式
开源项目精选:React界面构建语言——JSX
React 探秘-React Component和Element
前端神器:一行命令,React 组件转 Vue 组件!
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券