使用 Redux Form 設置默認選中的單選按鈕

Question

我正在嘗試使用以下方法將單選按鈕設置為默認檢查：

import { Field } from "redux-form";

<Field name={radio_name} component={renderField} type="radio" checked={true} value={val1} label="val1"/> 
<Field name={radio_name} component={renderField} type="radio" value={val2} label="val2"/>
<Field name={radio_name} component={renderField} type="radio" value={val3} label="val3"/>

const renderField = ({
    input,
    label,
    type
  }) =>
    (
      <div>
          <input {...input} type={type}/>
          <label>{label}</label>
      </div>
    );

但是，結果元素中沒有checked屬性。 有誰知道為什么？

Answer 1

你沒有使用checked prop：

const renderField = ({ input, label, type, checked }) => (
  <div>
    <input {...input} type={type} checked={checked} />
    <label>{label}</label>
  </div>
);