我试图渲染一个不同的颜色的SVG,我有悬停,但我找不出最好的方法来做它。
当我查找这个问题时,它告诉我使用fill:{color},但我无法让它工作。我尝试创建两种不同的SVG颜色,一种是我想要的颜色(CancelBlack),另一种是我在悬停时想要的颜色(CancelBlue)。然后我试着这样做:
.cancelBlack:hover{
display:none;
}
.cancelBlue{
display: none;
}
.cancelBlue:hover{
display:flex;
}
//heres how im calling it in react
&
我在React中是菜鸟,在前面是个新手。 我正尝试在React中更改属性"fill“(多边形)的颜色。如果perc > 50,我希望结果为绿色,否则为红色。 我已经写了一个"if else“语句,但是没有任何颜色在渲染。 我已经在网上查看了这个Is it possible to use if...else... statement in React render function?和其他来源/我想要做的事情似乎是可能的,我不知道为什么它不能呈现。 import React, { Component } from 'react';
class SvgSt
我正在导入一个svg文件,以便在项目中用作图像。svg文件中有一种颜色,我希望将其更改为我自己的颜色(这是事先不知道的)。我意识到getSourceCode和setSourceCode不是真正的方法,但我希望用它们来演示我想要实现的目标。
import React from "react";
import emptyOrderImage from "./images/illustrations/empty_order.svg";
function CurrentOrder(props) {
// Trying to get svg source code
我正在为我的组件编写测试,这些组件在应用程序中运行良好。导入和使用它们很好,但是让它们使用react-test-renderer并不是很好。例如,我有一个社交组件,它读取配置并呈现出链接。
./components/Social/social.js
import React from 'react'
import PropTypes from 'prop-types'
import config from '../../../content/meta/config'
import GithubIcon from '!svg-react