如何使用ReactJS生成带格式的随机字符串

npx create-react-app random-string-generator

cd random-string-generator

import React, { useState } from 'react';

const [randomString, setRandomString] = useState('');

const generateRandomString = () => {
  let result = '';
  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
  const length = 10; // 设置生成的随机字符串长度

  for (let i = 0; i < length; i++) {
    const randomIndex = Math.floor(Math.random() * characters.length);
    result += characters.charAt(randomIndex);
  }

  setRandomString(result);
}

return (
  <div>
    <button onClick={generateRandomString}>生成随机字符串</button>
    <p>{randomString}</p>
  </div>
);

npm start