如何避免使用来自 material-ui 的输入的十进制值答案

【问题标题】：How can i avoid decimal values with input from material-ui如何避免使用来自 material-ui 的输入的十进制值
【发布时间】：2018-10-27 17:26:51
【问题描述】：

我已经尝试了在正常HTML inputs 中工作的常用方法，但在我的代码中似乎没有一个工作，我仍然可以输入 , 和 .在input。

这是我现在的代码：

<div className={classes.container} >
    <FormControl className={classes.formControl} >
    <InputLabel htmlFor="name-simple" >{text}</InputLabel>
    <Input onChange={this.handleChange} id={X} key={X} name={Text} 
                             min="1" step="1" type="number" />
    </FormControl>
</div>

我怎样才能在这个输入上接受int？

【问题讨论】：

标签： reactjs input int decimal material-ui

【解决方案1】：

这应该可以解决您的问题：

class Lucio extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            textVal: ''
        };
    }
    handleChange = (e) => {
        this.setState({
            textVal: Math.floor(Number(e))
        });  
    };
    render(){
        const { classes } = this.props;
        return(
            <div className={classes.container} >
                <FormControl className={classes.formControl} >
                    <InputLabel htmlFor="name-simple" >{text}</InputLabel>
                    <Input onChange={this.handleChange} id={X} key={X} name={Text} min="1" step="1" type="number" value={this.state.textVal} />
                </FormControl>
            </div>
        );
    }
}

【讨论】：