react-bootstrap/Image don don load imgURL

Question

import Image from 'react-bootstrap/Image';
...
<Image src={user && user.photoURL}
style={{ width: '30p', height: '30px', marginTop: '3px' }}
roundedCircle />

此代码不起作用。。。

我认为这个URL是"；网址：gravatar.com/avatar/131027761e6030617f244ed2031ab496？d＝标识图标"；但是该URL是"；http://localhost:3000/gravatar.com/avatar/131027761e6030617f244ed2031ab496?d=identicon">

Answer 1

我找到了答案，因为它的url是http:

你必须写网址http://或https://

^^

Answer 2

在src属性中使用require

<Image src={require(user && user.photoURL)}
style={{ width: '30p', height: '30px', marginTop: '3px' }}
roundedCircle />