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

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就正常只有一个弹窗

阅读 447
评论 更新于 2019-08-02
    1 个回答
    yzllee
    • 1.8k

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

    评论 赞赏 2019-08-02
      撰写回答

      登录后参与交流、获取后续更新提醒