我有来自 Redux-Form 的这个 Field
:
<Field
name="hours"
type="number"
initialValue="100"
placeholder="Ingrese las horas para esta categoría"
component={RenderInput}
onChange={(event) => {
handleSubmit(currentValues => this.debounceSubmitProduction({
...currentValues,
hours: event.target.value,
}))();
}}
/>
我想将初始值传递给输入组件 initialValue="100"
但现在,该值出现在输入中,但我无法编辑它。
这是我的 RenderInput 组件:
const RenderInput = ({
input,
type,
disabled,
readOnly,
placeholder,
meta: { touched, error },
onKeyDown,
innerRef,
initialValue,
}) => (
<div>
<input
{...input}
type={type}
value={initialValue}
disabled={disabled}
readOnly={readOnly}
placeholder={placeholder}
className={`font-300 ${touched && error && 'has-error'}`}
onKeyDown={onKeyDown}
ref={innerRef}
/>
</div>
);
如何编辑传递给输入的初始值?
最佳答案
问题在于您将值设置为等于 initialValue
,该值在您键入时不会更改。当组件初始化时,您需要在 redux-store 中设置初始值,然后将 value
属性设置为等于从存储返回的 value
。 onUpdate
将更新商店,然后应该更新 UI 以反射(reflect)更改。
关于javascript - Redux-Form 字段不可编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50045981/