关于e.target.value和e.target的疑问

Question

render() {
	return (
		<div style={{ marginTop: '10px', marginLeft: '10px' }}>
			<Input
				value={this.state.inputValue}
				placeholder="todoinfo"
				style={{ width: '300px', marginRight: '10px' }}
				onChange={this.handleInputChange}
			/>
		</div>			
}

handleInputChange(e) {
	console.log(e.target);
	console.log(e.target.value);
}

在这里我发现console.log(e.target)和console.log(e.target.value)得到的结果不一致
我们input的defaultvalue是123 如果我们增加了a
e.target得到了一个input节点，但是在这里面value = ‘123’, 这个我可以理解，因为这个e.target的value始终和inputvalue相等的：value={this.state.inputValue}

<input placeholder="todoinfo" type="text" class="ant-input" value="123" style="width: 300px; margin-right: 10px;">

但是e.target.value的值为什么可以变成123a呢，我现在不太理解为什么e.target.value和e.target里面的value attribute的值不一致

还有我看这个问题https://coding.imooc.com/learn/questiondetail/68148.html， 老师说打印之后，redux马上会用原来的123替换掉123a，这是为什么呢，没看到在哪里实现

Answer 1

Dell 2021-03-27 15:13:19

e.target 指的是触发事件的元素   e.target.value 指的是这个元素的 value，同学你根据这个定义来思考一下