如何将图像调用到reactjs和airtable中

Question

我正在使用airtable.com helloworld示例代码。我的logo.jpg与index.js文件位于同一目录中

myproject-folder\frontend\index.js
myproject-folder\frontend\logo.png

airtable应用程序未使用webpack，因此我无法导入徽标图像。

我尝试按照代码直接调用图片在下面，但无法正常工作。

<img src={window.location.origin + './logo.jpg'} />
<img src={'./logo.jpg'} />

这里是代码

import {
    initializeBlock,
    useBase,
    useRecords,
} from '@airtable/blocks/ui';
import React, { Component } from "react";



class App extends Component {
  render() {
    return (
      <div>
        <h2>Hello world from Airtable</h2>



<img src={'./logo.jpg'} />

        </p>
      </div>
    );
  }
}

export default App;

Answer 1