在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
问题textarea 不能连续输入字符 taro ui官网代码textarea示例import Taro from '@tarojs/taro' import { AtTextarea } from 'taro-ui' export default class Index extends Taro.Component { constructor () { super(...arguments) this.state = { value: '' } } handleChange (value) { this.setState({ value }) } render () { return ( <AtTextarea value={this.state.value} onChange={this.handleChange.bind(this)} maxLength={200} placeholder='你的问题是...' /> ) } } 若按照上述示例代码书写,则会出现每输入一个字符,就会出现输入框失去焦点现象。如图所示 解决在textarea组件上添加 focus 属性即可 <AtTextarea value={this.state.value} focus onChange={this.handleChange.bind(this)} maxLength={200} placeholder='你的问题是...' /> 分析原因因为每次onChange之后都调用setState,导致组件重新渲染,恢复组件初始状态就是没有取得焦点的状态。
|
请发表评论