Как загрузить SVG непосредственно в мой компонент React с помощью веб-пакета?
Я хотел бы сделать иконку дизайна материала прямо в моемNextButton
компонент с использованием веб-пакета. Вот соответствующая часть моего кода:
var NextIcon = require('material-design-icons/navigation/svg/production/ic_chevron_right_18px.svg');
var NextButton = React.createClass({
render: function() {
return (
<Link to={this.props.target} className='button--next'>
{this.props.label} {NextIcon}
</Link>
)
}
});
Но это не работает так, как я думал. Кажется, выводит svg в виде строки, а не элемента.
Я пытался использоватьraw-loader
, img-loader
, url-loader
, file-loader
а такжеsvg-loader
но я не могу найти правильный способ сделать это.