首页 > 解决方案 > NumberInput 解析为数字

问题描述

我的自定义数据提供程序从数字输入中获取值作为字符串类型,但我需要它是一个数字。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;

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

标签: reactjsredux-formreact-admin

解决方案


推荐阅读