InputNumber的onChange事件里面如果用了Modal的语法糖，结果出现了2个弹出框

Question

class App extends Component {

    handleChange = value => {
        Modal.confirm({
            title: '当前利润设置为负，是否确认',
            onOk: () => {
                console.log(value)
            },
            onCancel: () => {
                console.log(value)
            }
        })
    }

    render() {

        return (
            <div className="App">
                <InputNumber onChange={this.handleChange} />
            </div>
        );
    }
}

export default App;

当修改InputNumber值的时候出现了2个弹窗，这似乎是个bug

class App extends Component {

    handleChange = value => {
        this.setState({
            visible: true
        })
    }

    render() {

        return (
            <div className="App">
                <InputNumber onChange={this.handleChange} />
                <Modal title="test" visible={this.state.visible}>
                    test
                </Modal>
            </div>
        );
    }
}

放在jsx就正常只有一个弹窗

Answer 1

因为你一直调用Modal.confirm()，出现无限个都不奇怪。