react-component-porter

使用当前项目的技术栈将提供的react组件代码片段1:1复刻到当前项目中

When to use

• 当用户说"帮我复刻这个组件"并提供了react组件代码片段时

Instructions

1. 探索当前项目使用的技术栈，包括但不限于：UI库（如Material-UI、Ant Design等）、图标库、状态管理工具（如Redux、MobX等）、样式解决方案（如CSS Modules、Styled Components等）以及其他相关工具和库。
2. 分析提供的react组件代码片段，理解其结构、功能和依赖关系。
3. 根据当前项目的技术栈，将提供的组件代码片段进行1:1复刻，确保代码风格和项目规范一致。
4. 在复刻过程中，注意处理组件的状态管理、样式和依赖关系，确保复刻后的组件在当前项目中能够正常工作。
5. (重点)移除提供的组件代码片段中所有背景颜色相关的样式,以适应当前项目的主题系统