如何在React中使用导入的图像

我已经在React中编程了很短的时间，并且对如何进行操作有一些疑问。我有一个组件，将导入的svg显示为图像。

import Arrow from '../arrow.svg';


    if (!isChecked) {

      config.email = {
        clickable: true,
        image: Arrow,
        onClick: () =>
          inProfile
            ? dispatch(notification(CHANGE_STATUS))
            : browserHistory.push(/checkOut),
      };
    }

现在，我想用从外部库中导入的图像替换项目中的图像，该图像如下所示

<Img type="right-arrow" />

这是一个现在正在我的代码中工作的示例

  renderImage() {
    return <Img type="right-arrow" />;
  }

  render() {

    return(
      {this.renderHeader}
      {this.renderTitle}
      {this.renderBody}
      {this.renderImage}
    );

  }

如何使用此新导入的组件代替以前使用的图像？

我尝试了几种方法，但是无法渲染。

我尝试过的最后一件事是以下

import Image from '@market/image-market';


    if (!isChecked) {

      config.email = {
        clickable: true,
        image: <Img type="right-arrow" />
        onClick: () =>
          inProfile
            ? dispatch(notification(CHANGE_STATUS))
            : browserHistory.push(/checkOut),
      };
    }

我看不到如何在此结构中使用它。如果有人看到我的错误。非常感谢您的时间和提前的帮助