Как сделать так, чтобы числовой ввод в реакции был пустым, если значение установлено в 0

Question

Вот код, который я рендеринг: Числовой ввод в начале пустой - что я хочу, и как только я изменяю его на число, например, 2, а затем вернуть его обратно, он остается на 0. Любые идеи, как сохранить его пустым, если есть не имеет значения внутри?

array = ['a', 'b', 'c', 'd']

@observer export default class Widget extends React.Component {

    @observable abc = _.fill([], 0, 0, 27);//[0,0,0,0,0,0] [1,0,0,0,]
    @action changeValueHandler(value, index) {
        this.abc[index] = value;
    }

    render() {

         const abLabels = array.map((curLetter, index) =>
            <div>
                <div>
                    <ControlLabel key={index} value={curLetter} className="letters">{curLetter}</ControlLabel>
                </div>
                <div>
                    <NumericInput key={index} className="numericUpDown" onChange={(value) => this.changeValueHandler(value, index)} precision={0} value={this.abc[index]} step={1} min={0}/>
                </div>
            </div>)

        return (
            <div>
                <ul>{abLabels}</ul>
                <br /><br /><br />
           </div>
        );
    }
}