Implement input type for ip address in React with material ui

Finally started writing :) first blog. I am gonna tell you how to implement your own input type for IP Address for React JS instead of using third party.

handleChange function that handle all the logic
Material ui text field from where we on onChange event we call the handleChange function

This handleTextBox function is doing everything . It will called on onChange event . It will get the length of string , last index of dot and get the no of dots in a string. (We can also use match with regex for finding noOfDots at place of split) and rest of the conditions are handling all the stuffs.