function MyImage() {
  const [imgSource, setImgSource] = useState(cardData.card_faces[0].image_uris.small);

  return (<img ... src={imgSource} onClick={() => setImgSource(cardData.card_faces[1].image_uris.small)}/>);
}

necrotic fucked around with this message at 21:18 on May 28, 2019

_processQueue() {
  if (this.setup) return;

  const retryCommands = [];

  this.commandQueue.forEach(nextCommand => {
    if (this.hubs[nextCommand.hub].isReady) {
      this.hubs[nextCommand.hub].sendCommand(nextCommand.commandText);
    } else {
      retryCommands.push(nextCommand);
    }
  });

  // Replace the queue with retries
  this.commandQueue = retryCommands;

  setTimeout(
    () => this._processQueue(),
     retryCommands.length > 0 ? 0 : this._commandWaitDelay
  );
}

necrotic fucked around with this message at 01:40 on May 29, 2019

import React, {useState, useEffect, useReducer} from 'react';

function Game() {

    useEffect(() => {
        setGameName("DoNotUse")
    }, []);

    let [gameName, setGameName] = useState("DoNotUse")
    const [ignored, forceUpdate] = useReducer(x => x + 1, 0);

    const GrabData = () => {
        //Grab data here
    }
        
    function GenerateStacks(thename) {
        setGameName(thename)
        forceUpdate() //This doesn't force an update, so I should name it something else like "Every StackOverflow answer on this is useless"
        fire.database().ref(gameName).child("faceDownList1").set("")

        GrabData();

        return("Hello") //Maybe this will force rerender?
    }

    return (
        <main id="main-section">

        <section id="header">
        <h1>App Title</h1>
        <nav id="draft-nav">

        <form id="create-game" onSubmit={
            (e) => {
                e.preventDefault()
                setGameName("IfThisWorksIllCry")
                GenerateStacks("AlphaTestPleaseWorkOMG")
            }
        }>
            <input type="text" id="game-id"></input>
            <button id="startbtn2" type="submit">Start New Game</button>
        </form>
        
        </nav>
        </section>
        </main>
    )

    
}

export default Game

LifeLynx fucked around with this message at 20:44 on Jun 4, 2019

import React, {useState, useEffect, useReducer} from 'react';

function Game() {
    let [gameName, setGameName] = useState("DoNotUse")

    useEffect(function() {
      // Do any validation of gameName variable if you want here.
      GenerateStacks();
    }, [gameName])

    const GrabData = () => {
        //Grab data here
    }
        
    function GenerateStacks() {
        fire.database().ref(gameName).child("faceDownList1").set("")
        GrabData();
    }

    return (
        <main id="main-section">

        <section id="header">
        <h1>App Title</h1>
        <nav id="draft-nav">

        <form id="create-game" onSubmit={
            (e) => {
                e.preventDefault()
                setGameName("NewGameName")
            }
        }>
            <input type="text" id="game-id"></input>
            <button id="startbtn2" type="submit">Start New Game</button>
        </form>
        
        </nav>
        </section>
        </main>
    )

    
}

export default Game

ddiddles fucked around with this message at 21:24 on Jun 4, 2019