Как я могу избежать десятичных значений при вводе материала-пользовательского интерфейса - PullRequest
Новая
       15

Как я могу избежать десятичных значений при вводе материала-пользовательского интерфейса

0 голосов
/ 17 мая 2018

Я пробовал обычные способы, которые работают в обычном режиме 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 на этот вход?

1 Ответ

0 голосов
/ 22 мая 2018

Это должно решить вашу проблему: 

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