如何禁用 redux-form 中的字段？

Question

我只是想禁用 redux-form 中的一个字段，如下所示，但它似乎没有任何效果。这是 redux-form 版本 7.4.2。

   <Field
    name="mu"
    type="text"
    component={renderField}
    label="DRIFT FUNCTION [ μ(X(t),t) ]:"
    disabled={true}
    validate={[required]}
  />

还

  <Field
    name="mu"
    type="text"
    component={renderField}
    label="DRIFT FUNCTION [ μ(X(t),t) ]:"
    props={{ disabled: true }}
    validate={[required]}
  />

请帮忙

原文由 Edv Beq 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

输入={{禁用：真，}}

将此添加到您的 Field 标签

原文由 nishant 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以传递道具对象：

props : object [optional] : 带有自定义 props 的对象通过 Field 组件传递到提供给组件 prop 的组件中。该道具将合并到 Field 本身提供的道具中。

 // outside your render() method
const renderField = field => (
  <div>
    <input
      {...field.input}
      disabled={field.disabled} // you'll use it here
      type="text"
    />
  </div>
);

// inside your render() method
<Field
  name="myField"
  props={{
    disabled: true, // like this
  }},
  component={renderField}
/>

原文由 Idan Dagan 发布，翻译遵循 CC BY-SA 4.0 许可协议