从孩子到孩子的反应道具

Question

最近我开始练习 React。我正在尝试创建一个简单的应用程序，根据我们每天使用多少瓶水来计算我们使用了多少公斤塑料。使用这些信息，我想展示我们每年使用的再生塑料可以生产什么。

所以我有一个组件计算器：

class Calculator extends React.Component {

    constructor(props) {

      super(props);

      this.state = {

        resultNumber: null,

        resultKg: null

      }

    }

    count = (e) => {

      let val = e.target.value;

      let resultNumber = val * 52;

      let resultKg = Math.round(resultNumber * 0.04);

      this.setState({

        resultNumber: resultNumber,

        resultKg: resultKg

      })

    }

    render() {

      return ( <div >

        <Menu / >

        <div className = "component" >

        <h1 > I use < input type = "text" className = "input-data" onChange = {this.count}/>  bottles per week</h1 >

          <div className = "resultInfo" > {this.state.resultNumber != null ?

            <Info resultNumber = {this.state.resultNumber}

            resultKg = { this.state.resultKg } />  :null} < /div> 

</div>

          </div>

        )

      }

    }

Answer 1

最后我不得不学习 Redux 来实现它。:)