我有一个带有一些输入字段的模式。我可以轻松地通过用户键入输入来自动传递数据,使用onChange
输入字段中的函数,如
<Input onChange={this.props.store.handleCategoryChange} type="text" />
和..(使用 mobx 商店,但不相关)
@observable categoryValue;
@action handleCategoryChange = (e, data) => {
this.categoryValue = data.value;
e.preventDefault();
};
但是,我想添加一个功能,用户可以在应用程序中的其他位置预先填写信息。我有数据可以预先填充输入字段,但我不知道如何在用户不执行的情况下实际以编程方式输入它?
我需要调用上面的handleCategoryChange
功能。但我的变量将等于data.value
..这提出了一个问题!自己调用这个函数是不可能的,因为我不会有这个事件e
也不是一个叫做data.value
因为我将“只是”单独传入一个变量。
在 React 中使用其他地方的变量以编程方式自动填充输入字段的正确方法是什么?我需要调用onChange
函数以某种方式运行,但输入值会有所不同..
Use 受控组件对于这种情况,定义一个value
的财产input element
像这样:
<Input value={variable_name} ....
每当您更新该变量时,该值都会自动填充到输入元素中。
现在您可以通过分配一个值来填充一些默认值variable_name
用户可以通过以下方式更新该值onChange
功能。
As per DOC:
一个输入表单元素,其值由React以这种方式控制
称为“受控组件”。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)