Generation / 数据产出

() => {
  const [ID, setID] = useState(UUID())
  return (
    <div>
      <div>ID: {ID}</div>
      <hr />
      <span
        className="btn theme mr10"
        onClick={e => {
          setID(UUID())
        }}
      >
        生成默认 9 位数的 ID
      </span>
      <span
        className="btn red mr10"
        onClick={e => {
          setID(UUID(5))
        }}
      >
        生成 5 位数的 ID
      </span>
    </div>
  )
}

() => {
  const [numb, setState] = useState(WrapNumbPrefix(1, true))
  return (
    <div>
      <div>numb: {numb}</div>
      <hr />
      <input
        className="form-control"
        style={{ width: 300 }}
        onChange={e => {
          const val = e.target.value
          setState(WrapNumbPrefix(val, true))
        }}
      />
    </div>
  )
}

() => {
  const range = [1, 11]
  const [numb, setState] = useState(Random(range))
  return (
    <div>
      <div>
        生成范围 {JSON.stringify(range)} 之内的随机数: {numb}
      </div>
      <hr />
      <span
        className="btn theme mr10"
        onClick={e => {
          setState(Random(range))
        }}
      >
        生成随机数
      </span>
    </div>
  )
}