antd input 输入一个字符之后就失去焦点无法连续输入如何解决？

Question

    render() {
        const columns = [
            {
                title: '考核打分',
                dataIndex: 'specialScore',
                width: '30%',
                key: 'specialScore',
                render: (text, record, index) => {
                    if (record.contentLevel <= 2) {
                        // eslint-disable-next-line max-len
                        return <Input key={ record.id}
                                      defaultValue={record.specialScore ? record.specialScore : this.state.specialScore}
                                      value={record.specialScore ? record.specialScore : this.state.specialScore}
                                      onChange={this._onChange.bind(this, record, index)}
                        ></Input>
                    }
                }
            },
        ];
        return (
            <ScoreModal
                columns={columns}
                dataSource={this.state.dataSource}
                _onOk={this._onOk.bind(this)}
                _onCancel={this._onCancel.bind(this)}
                modalShow={this.props.modalShow}
            >
            </ScoreModal>
        )
    }

_onChange(record, index, e) {
        const { id } = record;
        record.specialScore = e.target.value
        this.setState({
            specialScore: e.target.value
        })
        let dataSource = this.state.dataSource

        let list = [];
        if (record.contentLevel === 1) {
            dataSource[index] = record
            list = dataSource
        } else if (record.contentLevel === 2) {
            list = dataSource.map(item => {
                return {
                    ...item,
                    children: item.children.map((q, i) => {
                        if (q.id === id) {
                            return {
                                ...q,
                                specialScore: e.target.value
                            }
                        } else {
                            return q
                        }
                    })
                }
            })
        }
    }

Answer 1

可以试试 onBlur 方法替代 onChange 方法，在输入框失去焦点的时候再触发 _onChange 事件

Answer 2

把Input 上的value去掉，只保留defaultValue

Answer 3

有没有一种可能是你改变了 tableData 的值导致你整个 table 都被重新渲染了。