Привет, кто подскажет, как получить доступ к свойству fill в

Question

Привет, кто подскажет, как получить доступ к свойству fill в

svg которую я получаю из базы данных?

такой вариант например не работает

<img src={data.image}></img>

А такой не подходит так как svg я получаю с сервера

import { ReactComponent as Logo } from './logo.svg'
<Logo />

#frontend #javascript #programming #react.js #russian

0

10.06.2021

10 ответов

4 просмотра

🤖 Автор вопроса

Мне нужно менять цвет изображения, но filter не подходит, так какнакладывется на все изображение а не только на заполняемую часть

0

10.06.2021

artem sdobnikov

Поменяй в свг значение fill на currentColor И меняй color у родителя Условно в див закинуть свг и у дива меня цвет

0

10.06.2021

🤖 Автор вопроса

Так а каким образом я его поменяю если мне приходит как svg изображение с сервера

0

10.06.2021

artem sdobnikov

Нет доступа к свг? Я вижу ты делаешь импорт Значит знаешь где лежит свг

0

10.06.2021

🤖 Автор вопроса

Я не делаю импорт, а получаю svg с сервера

0

10.06.2021

artem sdobnikov

Ссылкой на изображение?

0

10.06.2021

nobleMilord

есть либа svg-inject

0

10.06.2021

nobleMilord

Мне интересно стало, заставь это ререндериться. в консоли fill меняется, но изменение применяется, только если в кодсандбокс сделаю изменение в коде(перенос строки, например) import SvgImg from "../assets/banner.svg"; import SVGInject from "svg-inject"; import { useLayoutEffect, useReducer } from "react"; export default function App() { const [_, forceUpdate] = useReducer((x) => x + 1, 0); useLayoutEffect(() => { const svg1 = document.querySelector(".svgImg"); svg1.addEventListener("load", function () { return SVGInject(this); }); const path = svg1.querySelector("path"); path?.removeAttribute("fill"); path?.setAttribute("fill", "green"); forceUpdate(); console.log(path); }, []); return ( <> <img className="svgImg" src={SvgImg} alt="" /> </> ); }

0

10.06.2021

Влад

Если тебе нужно обновить компонент основанный на массиве, то просто замапь его по новому, можешь даже функцию создать: function reloadComponent(set) { set(s => s.map(d => d)); } Где set - стейт

0

11.06.2021

artem sdobnikov · Accepted Answer

artem sdobnikov

Зачем тебе получать fill?

0

10.06.2021

169 похожих чатов

Привет, кто подскажет, как получить доступ к свойству fill в

10 ответов

Похожие вопросы