title: Send multiple props across components React
body: <p>I am trying to send two variables from the Component 'Game' to the Component 'App' but I am unsure how to send more than one prop at a time. </p>
  
  <p>This what I have: </p>
  
  <pre><code>//App Component
  
  class App extends Component {
  
    constructor(props) {
      super(props)
      this.state = {
        score: 0,
      }
  
      this.changeScore = this.changeScore.bind(this)
    }
  
    changeScore(newScore) {
      this.setState(prevState =&gt; ({
        score: prevState.score + newScore
      }))
    }
  
    render() {
      return(
        &lt;div&gt;
          &lt;Game onClick={this.changeScore}/&gt;
          &lt;Score score={this.state.score}/&gt;
        &lt;/div&gt;
      )
    }
  }
  </code></pre>
  
  <pre><code>//Game Componenet 
  
  class Game extends Component {
  
      constructor(props) {
          super(props)
          this.state = {
              score: 0,
          }
          this.handleClick = this.handleClick.bind(this)
      }
  
      handleClick() {
          console.log('Clicked')
          this.props.onClick(this.state.score)
  
      }
  
      render() {
          return(
              &lt;div&gt;
                  &lt;button onClick={this.handleClick}&gt; Score Button &lt;/button&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <pre><code>//Score Component
  
  class Score extends Component {
  
  
      render() {
  
          const score = this.props.score
  
          return(
              &lt;div&gt;
                  &lt;h1&gt;Score: {score}&lt;/h1&gt;
              &lt;/div&gt;
          )
      }
  }
  </code></pre>
  
  <p>With this I am able to send the prop 'score' from 'Game' to 'App' but I was wondering if it was possible to send more then just the one prop, such as 'score' and a new variable, 'count' with the same button press, to ultimately be able to display both 'score' and 'count' in the 'Score' Componenet.  </p>
  
  <p>Thanks.</p>