如何以redux形式禁用Field？

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]}
  />

请帮忙

Answer 1

你可以传递道具对象：

props：object [可选] ：带有自定义道具的对象，通过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}
/>

Answer 2

input = {{disabled：true，}}

将其添加到Field标记中

Answer 3

显然，它可以提供原始反应组件而不是函数：

      <Field
        name="firstName"
        component="input"
        type="text"
        disabled={true}
        placeholder="First Name"
      />

所以我认为你的案例中的问题是你没有显示的renderField函数。

Answer 4

如果你正在使用redux-Form，那么代码可以像@Vanun一样解释

<Field
    name="Name"
    component="fieldset"
    type="text"
    disabled={true}
  />