您可以使用react-text-mask，它允许您轻松地将掩码应用于输入字段。

import React from 'react';
import MaskedInput from 'react-text-mask';

const IpInput = () => {
  const ipMask = [
    /\d/,
    /\d/,
    /\d/,
    '.',
    /\d/,
    /\d/,
    '.',
    /\d/,
    /\d/,
    '.',
    /\d/,
    /\d/,
    '/',
    /\d/,
    /\d/,
  ];

  return (
    <div>
      <label>IP Address:</label>
      <MaskedInput mask={ipMask} placeholder=".../__" guide={false} />
    </div>
  );
};

export default IpInput;

字符串
/和__是掩码的静态部分，\d部分表示数字。guide={false} prop用于隐藏掩码中未填充的部分。