反应-返回对象以通过道具

Question

我还很陌生。我需要使用对象的值来传递道具。.所以我有一个对象，我想使用类似以下代码的对象。 ..

// myTemplates.js
export const getTemplate = () => {
    return {
        "path": require("../client/assets/images/Rectangle.png")
    }
}

我需要在图片src中使用此处的路径

// something like..
var template = ?
<TemplateCard

    cardComponent={ <img src={ "" } /> }
>
</TemplateCard>

谢谢

Answer 1

应该很容易这样：

import getTemplate from './myTemplate.js'

export default function TemplateCard () { 

  var template = getTemplate();
  return (<TemplateCard

    cardComponent={ <img src={ template.path } /> }
  >
  </TemplateCard>)
}