Question

在声明类型编号的字段并在redux-form网站上使用示例renderField组件时遇到一个奇怪的问题。

$('.your_popover_target').popover('show')

）;

在我的渲染中，我有一个类型编号的步长

的组件

const renderField = ({ input, label, type, meta: { touched, error, warning } }) => (
<div>
<label>{label}</label>
<div>
  <input {...input} placeholder={label} type={type}/>
{touched && ((error && <span>{error}</span>) || (warning && <span>{warning}</span>))}
</div>

我正在尝试复制的是一个正常的html步长更改，但它只是逐步忽略我的步长。当我尝试设置min / max / etc时也会发生同样的情况。我说错了吗？这是一个错误吗？

Answer 1

传递字符串而不是数字可能有效

const renderField = ({ input, label, type, meta: { touched, error, warning } }) => (
    <div>
      <input type="number" {...input} step="0.1" />
    </div>
);

const Form = () => (
  <Field
    name="foobar"
    component={renderField} 
   />
);

这里是一个jsfiddle https://jsfiddle.net/75rh036o/12/

Redux-Form字段类型编号renderField步骤不起作用

1 个答案: