Heim > Fragen und Antworten > Hauptteil
Ich möchte die Hintergrundfarbe jedes Elements zufällig festlegen
Aber wenn ich es in den folgenden Code einfüge, wird die Hintergrundfarbe transparent:
{ modules.map((module, index) => ( <div className='carousel-module shadow' style={{ background: "#" + Math.floor(Math.random()*16777215).toString(16)}} > <p className='module-element-text'>{module.name ? module.name : "N/A"}</p> <p className='module-element-text'>{module.code ? module.code : "N/A"}</p> <Button onClick={() => setShow(false)} variant="success" className='modules-list-button'> Load </Button> </div> )) }
Es wäre toll, Ihre Vorschläge zu hören, wie es funktioniert.
P粉1908832252023-09-12 12:13:37
这是我用来生成十六进制颜色的函数。你的方法可能会在颜色中引入Alpha通道,从而使其变得透明。
function randomHexColor() { let toHex = function (n) { let hex = n.toString(16); while (hex.length < 2) { hex = '0' + hex; } return hex; }; let rr = toHex(Math.floor(Math.random() * 256)); let gg = toHex(Math.floor(Math.random() * 256)); let bb = toHex(Math.floor(Math.random() * 256)); return '#' + rr + gg + bb; }