从孩子到孩子的反应道具

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 来实现它。:)