Redux Form - 以字符串形式返回當前輸入值onChange

Question

我試圖在包含至少一個字符以顯示必填字段爲有效時在我的輸入旁邊顯示「嘀嗒」。我遇到的問題是，當我每次更改字段時，我都會收到一個包含所有鍵入字母而不是完整字符串的對象。如果我在「你好」，例如日誌中查找此類型（忽略未定義）：

這裏是我的終極版字段組件：

handleInput = (textEntered) => { 
    console.log(textEntered); 
    this.setState({ textEntered },() => { 
    if (this.state.textEntered.length) { 
     this.setState({ completed: true }); 
    } else { 
     this.setState({ completed: false }); 
    } 
    }); 
} 

render() { 
    return (
    <Field 
     name={this.props.placeholderText} 
     component={TextInput} 
     onChange={this.handleInput} 
    /> 
); 
} 

const TextInput = (field) => { 
    return (
    <div className="drill-creation-input"> 
     <input 
     {...field.input} 
     type="input" 
     onChange={e => field.input.onChange(e.target.value)} 
     /> 

     <label htmlFor={field.input.name}> 
     <span>{field.input.name}</span> 
     </label> 
    </div> 
); 
}; 

Answer 1

onChange處理具有以下特徵（見docs）

onChange : (event, newValue, previousValue) 

所以要閱讀完整的價值，只是定義你的handleInput，如：

handleInput = (evnt, textEntered) => { 
    console.log(textEntered); 
    ... 
}