Question

我想从本地存储文件夹中渲染图像，我尝试使用下面的代码，但是它不起作用，有人可以帮我吗。

import React, { useState } from 'react';
import './App.css';
import Post from './Post';
    
function App() {
  const [posts, setPosts] = useState([
    {
      id: 1,
      imageUrl: require('./img/naso.jpg'),
    },
    {
      id: 2,
      imageUrl: require('./img/bimal.jpg'),
    }
  ]);

  return (
    <div>
      {posts.map((post) => (
        <Post
          key={post.id}
          imageUrl={post.imageUrl}
        />
      ))}
    </div>
  );
}

export default App;

Answer 1

您需要在顶部导入图像：

    import React, { useState } from 'react';
    import './App.css';
    import Post from './Post';

function App() {
  const [posts, setPosts] = useState([
    ({
       id: 1,
      imageUrl: require('./img/naso.jpg')
    },
    {
      id: 2,
     imageUrl: require('./img/bimal.jpg'),
    })
  ];
  return (
    <div>

      {posts.map((post) => (
        <Post
          key={post.id}
          imageUrl={post.imageUrl}
        />
      ))}
    </div>
  );
}

export default App;

祝你好运...

如何从功能组件的本地存储中将图像值呈现为数组？

1 个答案: