React 组件

OpenBait 提供 React 组件，方便在 React 应用中集成反钓鱼防护。

安装

npm install @openbait/react

基础用法

import { OpenBaitProvider, usePhishingDetection } from '@openbait/react'

function App() {
  return (
    <OpenBaitProvider apiKey="your_api_key" domain="example.com">
      <YourApp />
    </OpenBaitProvider>
  )
}

function LoginForm() {
  const { isPhishing, check } = usePhishingDetection()

  const handleSubmit = async (e) => {
    e.preventDefault()

    const safe = await check()
    if (!safe) {
      alert('检测到安全风险')
      return
    }

    // 继续登录逻辑
  }

  return (
    <form onSubmit={handleSubmit}>
      {isPhishing && <div className="warning">警告：检测到钓鱼风险</div>}
      {/* 表单字段 */}
    </form>
  )
}

组件 API

<OpenBaitProvider>

usePhishingDetection()

返回值：

内置警告组件

import { PhishingWarning } from '@openbait/react'

function App() {
  return (
    <OpenBaitProvider apiKey="..." domain="...">
      <PhishingWarning />
      <YourApp />
    </OpenBaitProvider>
  )
}