我正在使用material-ui-dropzone上传多个文件。是否有任何方法可以更改每个文件的图标或图标的颜色?请给予我解决这个问题的建议。现状-x1c 0d1x代码示例-Link
ubbxdtey1#
首先,如果您在文档www.example.com中看到示例https://react-dropzone.js.org/#section-previews而不是使用缩略图使用一个图标从材料用户界面和更新的颜色编程。创建一个调色板或函数,以编程方式返回RGB。然后,当您根据文件的数量挂载图标组件时,为每个图标分配颜色。对于简单的一个,只需创建一个具有颜色值的数组:const colorPallet = ['red', 'yello', 'green', ... ]并将颜色指定为<FileClipIcon style={{ color: colorPallet[index] }} />样式否则编写一个函数,返回0到255之间的随机RGB值并使用它。
const colorPallet = ['red', 'yello', 'green', ... ]
<FileClipIcon style={{ color: colorPallet[index] }} />
1条答案
按热度按时间ubbxdtey1#
首先,如果您在文档www.example.com中看到示例https://react-dropzone.js.org/#section-previews
而不是使用缩略图使用一个图标从材料用户界面和更新的颜色编程。
创建一个调色板或函数,以编程方式返回RGB。然后,当您根据文件的数量挂载图标组件时,为每个图标分配颜色。
对于简单的一个,只需创建一个具有颜色值的数组:
const colorPallet = ['red', 'yello', 'green', ... ]
并将颜色指定为
<FileClipIcon style={{ color: colorPallet[index] }} />
样式否则编写一个函数,返回0到255之间的随机RGB值并使用它。