小编Ang*_*ges的帖子

我最近开始学习 React，我正在尝试创建一个计算器作为自己的学习练习。

目的是每当我单击数字按钮时，该值就会出现在输入组件中。到目前为止，我已经让它工作了，但该值仅在第二个 onClick 事件上发生变化。

目前 val1 道具在第一次点击时从输入中消失，然后在第二次点击时重新出现，并带有前一个按钮值。

任何关于我的代码结构的提示都非常受欢迎，任何关于构建我的计算器的指导也将是很棒的。我对此还是很陌生。

这是我的代码如下：

应用程序.js

import React, {Component} from 'react';
import InputField from './Components/InputField';
import Numbers from './Components/Numbers';
import './App.css';

class App extends Component {
    constructor(props) {
        super(props);
        this.state = {
            number: 0,
            val1: 0,
            val2: 0
        }
    }
    numberChange(num1, num2){
        this.setState({val1: num1});
    }
    render() {
        return (
            <div className="App">
                <InputField val1={this.state.val1} value={this.state.number || ''} onChange={this.numberChange.bind(this)} />
                <Numbers onChange={this.numberChange.bind(this)} />
            </div>
        );
    }
}

export default App;

输入字段.js

import React, {Component} from 'react';

class …