如何防止React计算器以多个零开头

Question

当没有输入任何内容时，我有一个反应计算器显示零。我想防止计算器在数字开头不允许两个零。现在，我的计算器将在显示屏上显示后，从数字的开头删除两个零。但这并不能阻止它首先发生。

我尝试在数组状态的开头检查零并将状态重置为一个零。

    class App extends Component {
    constructor(props) {
     super(props);

      this.state = {
      //result: '0'
      result: ['0'],
     }
    };
    addToInput = (param, e) => {

    let arrayLength = this.state.result.length;
    if (param === "0" && arrayLength < 2) {
      this.setState({ result: 0 })
    } else {
      this.setState({ result: this.state.result + param });
    }
  }
    render() {
    return (
    ...
    <div id="zero" className="btn" onClick={(e) => this.addToInput('0', 
 e)}> 0</div >
    ...
    )
    }
    }

我想防止出现两个前导零，但是在出现两个前导零后，我只能删除一个零。