SendCode

Example Usage

import { SendCode } from '@alitajs/antd-plus';

Demo

SyntaxError: No-Inline evaluations must call `render`.

Basic Simple

Simplest of usage.

const Example = () => {
  const [start, setStart] = React.useState(false);
  
  function handleClick(c) {
    setStart(true);
  }
  
  return (
    <SendCode
      start={start}
      onClick={handleClick}
      onEnd={() => {
        setStart(false);
      }}
    />
  )
}

render(
  <Example />
)

SyntaxError: No-Inline evaluations must call `render`.

SyntaxError: No-Inline evaluations must call `render`.

Custom Button

const Example = () => {
  const [start, setStart] = React.useState(false);
  
  function handleClick(c) {
    setStart(true);
  }
  
  return (
    <SendCode
      start={start}
      second={15}
      initText="点击"
      runText="剩余{%s}秒"
      onClick={handleClick}
      resetText="重新发送"
      onEnd={() => {
        setStart(false);
      }}
    />
  )
}

render(
  <Example />
)

SyntaxError: No-Inline evaluations must call `render`.

API#

SendCode#

Property	Description	Type	Default
start	是否开始倒计时	boolean	false
second	倒计时时长（秒）	number	60
initText	初始化按钮显示文本	string	'获取验证码'
runText	运行时显示文本	string	'{%s}秒后重新获取'
resetText	运行结束后显示文本	string	'重新获取验证码'