h5中textarea中onInput和onChange返回值只有一个字母

[MisranDia]

问题描述
在h5中使用textarea， 使用键盘输入后只能返回单个字母

复现步骤
<Textarea value={this.state.value} onChange={this.handleChange.bind(this)} maxlength={400} />

handleChange (e) {
console.log(e)
this.setState({
value:e.data
})
}

使用输入法输入测试后：

再输入结束

之前输入的‘测试’被清空了 只留下了’结束（jieshu）’的最后一个字母

在微信小程序中返回则正常

期望行为
和小程序返回的内容一致

报错信息

无报错 只是返回信息不一致 而且无法解决

系统信息

• 操作系统: [e.g. Windows 7]
• Taro 版本 [e.g. v1.2.2]
• Node.js 版本 [e.g. 8.9.3]
• 报错平台 [h5]

补充信息
这里返回给我的是按键的内容 并不是textarea内已经输入的内容

[taro-bot]

欢迎提交 Issue~

如果你提交的是 bug 报告，请务必遵循 Issue 模板的规范，尽量用简洁的语言描述你的问题，最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足，或者已经其他 issue 已经存在相关内容，你的 issue 有可能会被关闭。

Good luck and happy coding~

[taro-bot]

CC @jinjinjin0731

[tourze]

好像这个问题之前也报告过了

[jinjinjin0731]

首先你的 Textarea value 绑定了 state ，在每次输入的时候会 setState ，变成了一个受控组件。 根据你的截图来看，你输入框中的内容和打印出来的内容是一致的。 在小程序为什么可以，你看下文档就知道了。

tip: 不建议在多行文本上对用户的输入进行修改，所以 textarea 的 bindinput 处理函数并不会将返回值反映到 textarea 上。

textarea

[taro-bot]

Hello~

您的问题楼上已经有了确切的回答，如果没有更多的问题这个 issue 将在 15 天后被自动关闭。

如果您在这 15 天中更新更多信息自动关闭的流程会自动取消，如有其他问题也可以发起新的 Issue。

Good luck and happy coding~