Question

我想知道为什么 React 不显示名称中包含字符的图像，例如：ą、ć、ż、ł 等？就我而言，它们是波兰语字符。我将所有文件名存储为 MongoDB 数据库中的路径，然后使用 map 函数显示它们。所有镜像的状态都存储在 Redux 中。所有图像都放在 public 目录中。当我复制文件名并将其粘贴到 URL 时，浏览器正常显示照片，但 React 本身不再显示。这种行为的原因是什么？我尝试的是尝试通过 encodeURI() 函数传递文件名，例如<img src={encodeURI(file.name) />，但没有积极的结果。

{video.map((file) => (
  <li
    key={file.name}
  >
      <img
        src={file.cover}
        alt={file.name}
      />
  </li>
))}

来自 Redux 的 Aciton：

export const moviesList =
  (keyword = '') =>
  async (dispatch, getState) => {
    try {
      dispatch({ type: VIDEO_LIST_REQUEST })

      const { data } = await axios.get(
        `/api/video?keyword=${keyword}`,
        config
      )

      dispatch({
        type: VIDEO_LIST_SUCCESS,
        payload: data,
      })
    } catch (error) {
        ...
      })
    }
  }

为什么 React 不显示名称中带有变音符号的图像？

0 个答案: