[!警告]
React Simple Chatbot 已不再维护。我建议使用 react-chatbotify 作为替代方案。

React Simple Chatbot

<a href="https://travis-ci.org/LucasBassetti/react-simple-chatbot"><img src="https://yellow-cdn.veclightyear.com/835a84d5/cdf343ea-b2ae-4cf7-beb3-988a2b418f45.svg?branch=master" alt="Travis CI" /></a> <a href="https://badge.fury.io/js/react-simple-chatbot"><img src="https://yellow-cdn.veclightyear.com/835a84d5/346910aa-5d15-4f56-b664-da5bfa1fdbf5.svg" alt="npm 版本"></a> <img src="https://yellow-cdn.veclightyear.com/835a84d5/25f06601-0f87-44e3-a857-ed81f265cf7e.svg" alt="Codecov" /> </a> <a href="https://beerpay.io/LucasBassetti/react-simple-chatbot"><img src="https://yellow-cdn.veclightyear.com/835a84d5/9fdba92b-c898-47ab-8c57-bb4174712599.svg?style=flat" /></a>

一个用于创建对话聊天的简单聊天机器人组件

<img src="https://yellow-cdn.veclightyear.com/835a84d5/ce16a98e-50c7-4d81-8609-e3adb02c2b5a.gif" height="400" />

开始使用

npm install react-simple-chatbot --save

使用方法

在网站上有几个例子。这里是第一个让你开始的例子：

import ChatBot from 'react-simple-chatbot';

const steps = [
  {
    id: '0',
    message: '欢迎使用 react chatbot！',
    trigger: '1',
  },
  {
    id: '1',
    message: '再见！',
    end: true,
  },
];

ReactDOM.render(
  <div>
    <ChatBot steps={steps} />
  </div>,
  document.getElementById('root')
);

React Simple Chatbot 在媒体上的报道

1. webdesignerdepot
2. blogduwebdesign
3. codrops

使用 react-simple-chatbot 构建的项目

1. Seth Loh 网站 - Seth Loh 的个人网站 (演示)
2. Paul 的网站 - Paul Jiang 的个人网站 (演示)
3. 思科合作伙伴支持 API 聊天机器人 - 包含截图的代码，用于创建你自己的思科序列号查询聊天机器人。
4. Chatcompose - 用于对话营销和支持的聊天机器人平台。
5. Mixat - 面向青少年的新闻聊天机器人。也有应用版本 (iOS 或 Android)

使用 react-simple-chatbot 构建了项目？提交 PR 并将其添加到此列表！

如何贡献

请查看贡献指南

作者

Lucas Bassetti

另请参阅参与此项目的贡献者列表。

许可证

MIT · Lucas Bassetti