React为两个不同的图标创建一个样式组件？

React是一个用于构建用户界面的JavaScript库。它采用组件化的开发模式，可以将界面拆分成独立的、可复用的组件，使开发更加高效和可维护。

要为两个不同的图标创建一个样式组件，可以按照以下步骤进行：

1. 首先，安装React和相关的依赖：

npm install react react-dom

1. 创建一个新的React组件，命名为IconComponent，用于渲染图标：

import React from 'react';

const IconComponent = ({ icon }) => {
  return <i className={`icon-${icon}`} />;
};

export default IconComponent;

1. 在父组件中使用IconComponent，并传递不同的图标名称作为props：

import React from 'react';
import IconComponent from './IconComponent';

const App = () => {
  return (
    <div>
      <IconComponent icon="star" />
      <IconComponent icon="heart" />
    </div>
  );
};

export default App;

在上述代码中，我们创建了一个名为IconComponent的无状态函数组件，它接受一个名为icon的props。根据传递的图标名称，我们使用模板字符串动态设置图标的类名，以便应用相应的样式。

在父组件App中，我们使用了两个IconComponent，并分别传递了"star"和"heart"作为icon props的值。这样就可以创建两个不同的图标。

关于React的更多信息和学习资源，可以参考腾讯云的React产品介绍页面： React产品介绍

请注意，以上答案仅供参考，具体实现方式可能因项目需求和开发环境而异。