Twilio Chat：reactjs - 功能访问问题

Question

我是reactjs的新手 - 并且希望能够访问Twilio聊天功能。

我已经在这个模块上完成了npm安装。 https://www.npmjs.com/package/twilio-chat

---

文档说：

客户实例如下所示：

Twilio.Chat.Client.create(token).then(client => { // Use client });

，或者使用异步/ AWAIT语法：

let client = await Twilio.Chat.Client.create(token); // Use client

---

///旧代码 我正在重新配置坐在代码基础上的JavaScript。此功能起作用。

"chatClient = new Twilio.Chat.Client(data.token)" 

---

///新代码

import Chat from 'twilio-chat' 

- 所以我已经试过这样的事情第一

chatClient = new Chat.Client(data.token) 

事遂所愿

chatClient = Chat.Client(data.token) 

当我做这些控制台logs..I得到以下

console.log('Twilio>', Chat) 

它显示

Twilio> function Client(token, options) { 
      (0, _classCallCheck3.default)(this, Client); 

      var _this = (0, _possibleConstructorReturn3.default)(this, (Client.__proto__ || (0, _getPrototypeOf2.default)(Cl… 

• 如果我深入到这个

  console.log('Twilio-->Client', Chat.Client) 
  

它显示

Twilio-->Client undefined 

Answer 1

twilio-chat出口客户和你可以从你的第一个console.log看到它确实是Client构造函数（类）。你必须调用它是这样的：

chatClient = new Chat(data.token) 

注意import X from 'module'使用module的默认出口，并将其分配到的名字X，它是没有迹象表明这是用来出口，就像你的任何其他名称'用于变量。有关语法，请参见MDN - import。