iView的Input组件为什么无法双向绑定输入值?

沐希 ☘︎ 阅读 3

我在用iView的Input组件做表单,想实现输入内容实时更新到state里,但发现输入框的内容变了,state却没更新。我按照文档用了onInput和value,但好像没生效,是不是哪里写错了?

下面是我的代码:

import { Input } from 'iview';

class MyForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };
  }

  render() {
    return (
      <Input
        value={this.state.value}
        onInput={(e) => this.setState({ value: e.target.value })}
      />
    );
  }
}

控制台也没报错,就是输入的时候state一直为空字符串,根本没变。是不是iView的事件处理方式不一样?

我来解答 赞 1 收藏
二维码
手机扫码查看
暂无解答

暂无解答