Question

我正在尝试在我的应用中实现从摄氏温度到华氏温度的切换按钮。我在Axios通话中从OpenWeatherMap获得道具的价值。这是我的切换按钮：

class Toggle extends React.Component {
  render() {
    return (
      <label className={Styles.switchWrap}>
        <input 
          type="checkbox"
          value={this.value}
        />
        <div className={Styles.switch}></div>
      </label>
    )
  }
}`

这是我的Weather组件，它具有我要制作的功能，用于将所有道具转换为Fahrenheit和Back以及Toggle组件。

const Weather = (props) => {

  const toggleCF = () => {
    let arrayTemp = [props.temp, props.forecast, props.forecast2, props.forecast3]
    if (this.checked) {
      return arrayTemp = this.arrayTemp
    } else {
      return arrayTemp.map( t => t * 9 / 5 + 32)
    }
  }

  return (
    <div className={Styles.outputs}>
      {props.id&& props.country && <div className={Styles.fontIcon}><i className={`owf owf-${props.id}`}></i></div>}
      {props.city && props.country && <h2 className={Styles.outputCity}>{props.city}, {props.country}</h2>}
      {props.main && props.description && <div className={Styles.outputDesc}>{props.main}/{props.description}</div>}
      {props.id&& props.country && <>
         <p className={Styles.toogleDegrees}>C/F</p>
         <Toggle
           value={props.value}
           onChange={toggleCF}
         />
      </>}

我一直坚持这一点，以至于我认为没有任何意义。有帮助吗？

如何从摄氏温度切换到华氏温度？

0 个答案: