Я хотел бы сделать значок дизайна материала непосредственно в моем компоненте NextButton
с помощью webpack. Вот соответствующая часть моего кода:
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
, но я не могу найти правильный способ сделать это.