JavaScript React Basics (retired) Thinking in Components Mocking up our Application

Posted by lord kni
lord kni
777 Points

react basics - workshop result not working

function Application() { return ( <div className="scoreboard">

  <div className="header">
    <h1>ScoreBoard</h1>
  </div>

  <div className="players">
    <div className="player">
      <div className="player-name">
        Mr Knighton
      </div>

       <div className="player-score">
          <div className="counter">
            <button className="counter-action decrement> - </button>
            <div className="counter-score">31</div>
            <button className="counter-action increment> + </button>
          </div>
       </div>

    </div>
  </div>
</div>

); }

ReactDOM.render(<Application />, document.getElementById('container'));

2 Answers

Seth Kroger
Seth Kroger
56,377 Points
Seth Kroger
Seth Kroger
56,377 Points

In both of your buttons you didn't close the quotes on className="...".

lord kni
lord kni
777 Points
lord kni
lord kni
777 Points

haha. Sorry it's because I'm an idiot. Thanks