suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Wie implementiert man eine zufällige Zuordnung des Elementhintergrunds?

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粉286046715P粉286046715428 Tage vor492

Antworte allen(1)Ich werde antworten

  • P粉190883225

    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;
    }

    Antwort
    0
  • StornierenAntwort