如何在React中使用IPFS哈希数组

Question

我想使用IPFS显示图像，并且IPFS哈希保存在区块链中。

我通过这段代码得到了IPFS哈希数组。

for (var i = 0; i <= length; i++) {
  const ipfsHashs = await this.state.contract.methods.IpfsHash(i).call()
  this.setState({
    ipfsHash: [...this.state.ipfsHash, ipfsHashs]
  })
}

然后，我可以通过此代码显示图像

{this.state.ipfsHash.map((hash, key) => {
  return(
    <div key={key}>
      <img src= {`https://ipfs.io/ipfs/${hash}`} alt=""></img>
    </div>
  )
})}

但是，我遇到了这个错误

Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension.

我认为这是google chrome扩展名问题，但我不知道如何解决。

请给我任何建议吗？