Number输入解析为数字

时间:2018-09-21 09:46:36

标签: reactjs redux-form react-admin

我的自定义数据提供程序从数字输入获取值,如下所示:  输入字符串,但我需要将其作为数字。 可以用NumberInput解析为数字吗?

我还尝试了一个自定义的NumberInput,但似乎没有调用parse:/

import TextField from '@material-ui/core/TextField';
import React from "react";
import { Labeled } from 'react-admin';

import { Field } from 'redux-form';

const renderNumberInput = ({ input, label, meta: { touched, error }, ...custom }) => (

  <TextField
    {...input}
    {...custom}
  >
  </TextField>
);
const parseAsNumber = (value) => (value == null) ? null : Number(value);
const NumberInput = ({ source }) => <Field name={source} component={renderNumberInput} parse={parseAsNumber} label={source}/>
export default NumberInput;

自定义输入的外观也不像React管理员默认的外观...有人知道为什么吗?

0 个答案:

没有答案