javascript - 如何在 ReactJS 中获取输入值 onCut

Question

我有一个组件 UsernameInput ，这是通过 redux store 管理的。
我想在触发 onCut 事件时获取输入值。

import React from 'react'
import connect from 'react-redux'
import {validateUsername} from '../actions'

const UsernameInput = ({username, validateUsername}) => {
    
    return (

        <div className="form-group">
            <input type="text" className="form-control"
            onChange={e => validateUsername(e.target.value)}
            onPaste={e => validateUsername(e.clibboardData.getData('Text'))}
            onCut={e => validateUsername(e.currentTarget.value)}
            defaultValue={username}
            />
        </div>
    );
}

export default connect((state) => state.validateUsername, {validateUsername})(UsernameInput);

即如果输入的值为“blablabla”，并且在切割整个文本后 validateUsername函数应该用空字符串调用，如果输入的一半被切断，那么它应该用像“blab”这样的参数来调用。
onCut e.currentTarget.value在剪切之前返回输入字段的值，但我希望它返回实际的输入值。
怎么做？

Answer 1

我找到了一个独特的解决方案。而不是捕捉 onChange , onPaste和 onCut事件，我只是 catch onKeyUp事件:

<input type="text" className="form-control"
onKeyUp={e => validateUsername(e.currentTarget.value)}
defaultValue={username}
/>

它适用于所有事件。
reactjs