Чтобы изменить цвет заливки элемента SVG в ReactJS, вы можете использовать несколько методов:

1. Встроенный стиль. Вы можете напрямую установить цвет заливки, используя встроенный стиль внутри элемента SVG. Вот пример:

<svg>
  <path style={{ fill: 'red' }} d="..." />
</svg>

2. Класс CSS: вы можете определить класс CSS и применить его к элементу SVG. Затем используйте правила CSS, чтобы установить цвет заливки. Вот пример:

// CSS
.svg-red {
  fill: red;
}
// React component
<svg className="svg-red">
  <path d="..." />
</svg>

3. Состояние или реквизит: вы можете использовать состояние или реквизиты React для динамического управления цветом заливки. Определите значение состояния или свойства, которое представляет цвет, и используйте его в элементе SVG. Вот пример использования состояния:

import React, { useState } from 'react';
function MyComponent() {
  const [fillColor, setFillColor] = useState('red');
  return (
    <div>
      <button onClick={() => setFillColor('blue')}>Change Color</button>
      <svg>
        <path style={{ fill: fillColor }} d="..." />
      </svg>
    </div>
  );
}