我不能使用skycons在reactjs中呈现图标数组_我的产品数组不能使用products-list组件在Angular上呈现_对于Reactjs中的数组对象，在映射函数中不能使用<li>标记显示图像 - 腾讯云开发者社区

在ReactJS中，如果你不能使用Skycons来呈现图标数组，你可以考虑使用其他的图标库或自定义图标组件来实现相同的效果。

一种常见的图标库是Font Awesome，它提供了丰富的矢量图标集合。你可以使用React Font Awesome库来在ReactJS中使用Font Awesome图标。该库提供了一个React组件，你可以通过引入所需的图标并将其作为组件使用。

另一种选择是使用自定义图标组件。你可以使用SVG图标或字体图标，并将其作为React组件进行使用。这样你可以根据需要自由定制图标的样式和行为。

以下是一个示例，展示如何使用React Font Awesome库和自定义图标组件来呈现图标数组：

使用React Font Awesome库：

首先，安装React Font Awesome库：

npm install @fortawesome/react-fontawesome @fortawesome/free-solid-svg-icons

然后，在你的React组件中引入所需的图标并将其作为组件使用：

import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee, faMusic, faCamera } from '@fortawesome/free-solid-svg-icons';

const IconArray = () => {
  return (
    <div>
      <FontAwesomeIcon icon={faCoffee} />
      <FontAwesomeIcon icon={faMusic} />
      <FontAwesomeIcon icon={faCamera} />
    </div>
  );
};

export default IconArray;

使用自定义图标组件：

首先，将所需的SVG图标文件导入到你的React组件中：

import React from 'react';
import CoffeeIcon from './icons/coffee.svg';
import MusicIcon from './icons/music.svg';
import CameraIcon from './icons/camera.svg';

const IconArray = () => {
  return (
    <div>
      <img src={CoffeeIcon} alt="Coffee Icon" />
      <img src={MusicIcon} alt="Music Icon" />
      <img src={CameraIcon} alt="Camera Icon" />
    </div>
  );
};

export default IconArray;

请注意，上述示例中的图标路径是相对于当前组件文件的。你需要将SVG图标文件放置在正确的路径下，并在代码中引用它们。

通过使用上述方法，你可以在ReactJS中呈现图标数组，而不依赖于Skycons库。这样，你可以根据需要选择适合的图标库或自定义图标组件，并根据项目要求进行定制。