Проверка поля на ввод IP адреса в React

Есть компонент Input:

import {h} from "preact";
const Input = ({children, ...rest}) => (<input {...rest}>{children}</input>);
export default Input;

Делаю все на Preact Есть объект device, у которого есть свойства staIP, staMS, staGW

onIPInput( par, event ) {
}
render({}) {
        const {device, linkState} = this.context;
        const {staIP, staMS, staGW} = device;
    return (
        <div>
            <Input value={staIP} type="text" onChange={this.onIPInput.bind(this, "staIP")}/>
            <Input value={staMS} type="text" onChange={this.onIPInput.bind(this, "staMS")}/>
            <Input value={staGW} type="text" onChange={this.onIPInput.bind(this, "staGW")}/>
        </div>
    );
}

Нужно чтобы в него можно было ввести только IP адрес в формате xxx.xxx.xxx.xxx. Если поставить type = text, то можно ввести чего угодно.

Помогите дописать функцию onIPInput.