使用 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>
);