title: How to toggle from Celsius to Fahrenheit?
body: <p>I am trying to implement a toggle button from Celsius to Fahrenheit in my app. I'm getting the value as props from OpenWeatherMap in an Axios call.
   This is my Toggle button:</p>
  
  <pre><code>class Toggle extends React.Component {
    render() {
      return (
        &lt;label className={Styles.switchWrap}&gt;
          &lt;input 
            type="checkbox"
            value={this.value}
          /&gt;
          &lt;div className={Styles.switch}&gt;&lt;/div&gt;
        &lt;/label&gt;
      )
    }
  }`
  </code></pre>
  
  <p>And this is my Weather component with the function that I'm trying to make to convert all the props into Fahrenheit and back and the Toggle component.</p>
  
  <pre><code>const Weather = (props) =&gt; {
  
    const toggleCF = () =&gt; {
      let arrayTemp = [props.temp, props.forecast, props.forecast2, props.forecast3]
      if (this.checked) {
        return arrayTemp = this.arrayTemp
      } else {
        return arrayTemp.map( t =&gt; t * 9 / 5 + 32)
      }
    }
  
    return (
      &lt;div className={Styles.outputs}&gt;
        {props.id&amp;&amp; props.country &amp;&amp; &lt;div className={Styles.fontIcon}&gt;&lt;i className={`owf owf-${props.id}`}&gt;&lt;/i&gt;&lt;/div&gt;}
        {props.city &amp;&amp; props.country &amp;&amp; &lt;h2 className={Styles.outputCity}&gt;{props.city}, {props.country}&lt;/h2&gt;}
        {props.main &amp;&amp; props.description &amp;&amp; &lt;div className={Styles.outputDesc}&gt;{props.main}/{props.description}&lt;/div&gt;}
        {props.id&amp;&amp; props.country &amp;&amp; &lt;&gt;
           &lt;p className={Styles.toogleDegrees}&gt;C/F&lt;/p&gt;
           &lt;Toggle
             value={props.value}
             onChange={toggleCF}
           /&gt;
        &lt;/&gt;}
  
  </code></pre>
  
  <p>I've been so stuck on this that I don't think anything make any sense anymore.
  Any help?</p>