如何将蚂蚁手机文本输入作为降档的受控组件集成?

时间:2019-07-14 12:28:50

标签: javascript reactjs antd-mobile downshift

我想在我的移动电话网络应用中使用downshift中的自动填充功能。我喜欢降档,因为它会渲染外部组件。

不幸的是,我不知道如何从antd-mobile绑定one / two文本输入元素之一。组件提供了“受控”模式,但是我找不到相应的文档。

仅通过降档传递getInputProps()无效:

<InputItem {...downshift.getInputProps()} />

降档抛出:

Uncaught TypeError: Cannot read property 'value' of undefined

当降档读取由蚂蚁移动组件提供的唯一回调参数(event.target.value(回调event)上的onChange()时,会发生这种情况。这是有道理的,因为antd-mobile api-doc说返回了文本输入的“字符串”类型值。

那么,如何从antd-mobile组件获取原始的响应<input>组件onChange回调以将其继续传递?

调查消息来源:我丢了曲目hereonChange回调应设置为this.props.onChange(包含在restProps中)。应该由getInputProps()从降档开始设置:返回值的Object.key为:

["aria-autocomplete", "aria-activedescendant", "aria-controls", "aria-labelledby", "autoComplete", "value", "id", "onChange", "onKeyDown", "onBlur"]

展望未来:鉴于onChange回调已降档-是否需要更多的绑定功能?

0 个答案:

没有答案