Проблема с областью действия в компоненте Stateless React - PullRequest
0 голосов
/ 05 декабря 2018

Я использую 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;

Это прекрасно работает, когда я вызываю один компонент, однако, если я пытаюсь отобразить более одного типа значка, они не появляются, или иногдавсе появляются как первый значок называется.Я думаю, что это проблема масштаба, но я не могу решить ее.

...