Как загрузить 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 но я не могу найти правильный способ сделать это.

Ответы на вопрос(1)

Ваш ответ на вопрос