如何以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}
  />