Question

我已经尝试了在普通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？

Answer 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>
        );
    }
}

如何通过material-ui的输入避免使用十进制值

1 个答案: