Я использую React Storybook для разработки некоторых компонентов.Следующее принимает имя значка и выводит svg.
import React from 'react';
import { string } from 'prop-types';
const Icon = ({ icon }) => {
let resolved = require(`_assets/svg/${icon}.svg`).default;
if (!resolved) {
throw Error(`Could not find icon ${icon}`);
}
return React.createElement(resolved);
}
Icon.propTypes = {
icon: string.isRequired
}
export default Icon;
Это прекрасно работает, когда я вызываю один компонент, однако, если я пытаюсь отобразить более одного типа значка, они не появляются, или иногдавсе появляются как первый значок называется.Я думаю, что это проблема масштаба, но я не могу решить ее.