主页 / 问题 / 1233083
Accepted
Demon __
Asked:2022-01-19 00:06:18 +0800 CST2022-01-19 00:06:18 +0800 CST

在前四个字母后添加一个空格

  • 772

请告诉我如何在前四个字母或数字后添加空格。

模式是#### ######

4 个字符，然后 6 个字符（可以是数字和字母）

function App() {
  const [val, setVal] = useState();

  function test(data) {
    return data.substr(0, 4) + " " + data.substr(4);
  }

  return (
    <div className="App">
      <input value={test(val || "")} onChange={(e) => setVal(e.target.value)} />
    </div>
  );
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="root"></div>

找到这个代码

var data = "347405405655278";
data = data.substr(0, 4) + " " + data.substr(4, 6) + " " + data.substr(10);
console.log(data);

就在这里

我为自己更改了它，但有些东西不起作用。

function test(data) {
   return data.substr(0, 4) + " " + data.substr(4);
}
javascript

1 个回答

  1. Best Answer

    例如，您可以这样做：

    import React, { useState } from "react";
import "./styles.css";

export default function App() {
  const [val, setVal] = useState("");

  function inputHandler(e) {
    const text = e.target.value;
    setVal(text.replace(/ */g, ""));
  }

  const getVal = text => {
    return text.length > 4 ? `${text.slice(0, 4)} ${text.slice(4)}` : text 
  }

  return (
    <div className="App">
      <input
        value={getVal(val)}
        onChange={inputHandler}
      />
  
    </div>
  );
}
    • 1

相关问题