reactjs - reactjs - 如何在react js中显示路径在json文件中的图像？

Question

这是我的 json 文件：

//brand1.js
let brand1 = [
    {
        "path": "./assets/imgs/brand1/34-SAU028A.jpg"
    }
]

export default brand1

这是我的代码：

//App.js
import brand1 from './assets/json/brand1';

function App () {
    const brand1Items = brand1.map((b1) =>
      <TabPanel key={b1.id}>
         {b1.title}
      <img src={require(b1.path)} alt="fabric image" />
      </TabPanel>
  );
}

但是图像没有显示出来。我正在使用 chakra-ui react js。

标签： reactjschakra-ui