title: How can I masked input for React.js
body: <p>I'm working a project for React.js. How do I mask IP addresses? I'm using react-maskedinput npm package. Can you help me?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;MaskedInput
    mask="111.111.111.111"
    name="card"
    size="20"
    formatCharacters={{
      'W': {
        validate(char) { return /\w/.test(char ) },
        transform(char) { return char.toUpperCase() }
       }
      }
    }
  /&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks,
  Emre.</p>