javascript - 如何在reactjs中以XXXXXX格式显示列表文本？

Question

在我的演示中，我正在显示的列表phone numbers。我能够显示。但我的问题是我不想显示整数“10 位”。我只想显示2数字余数“XXXXXXXX”。

我们可以这样展示吗

这是我的代码

https://codesandbox.io/s/funny-field-fonus

export default function App() {
  const [state,setState] = useState(['9891234567','7856321234','8724329876'])
  return (
    <div className="App">
      <ul>
{
  state.map((i)=>(<li>{i}</li>))
}

      </ul>
    </div>
  );

我想这样表现

标签： javascriptreactjs

Answer 1

这是你可能会做的：

state.map((i)=>(<li key={i}>{i.slice(0,2) + 'XXXXXXXX' }</li>))