'pubnub-react' 不包含默认导出

问题描述

我正在学习有关 TicTacToe 与 PubNub 反应的教程，当我尝试启动它时，它说 pubnub-react 不包含默认导出。任何想法为什么会这样？

提前致谢！

here here

error

解决方法

是的，没错，pubnub-react 没有默认导出。

您可以通过两种方式使用它

第一

使用 Destructuring Assignment

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

import { PubNubProvider,usePubNub } from 'pubnub-react';

import React from 'react';
import PubNub from 'pubnub';
import { PubNubProvider } from 'pubnub-react';

const pubnub = new PubNub({
  publishKey: 'myPublishKey',subscribeKey: 'mySubscribeKey',uuid: 'myUniqueUUID'
});

function App() {
  return (
    <PubNubProvider client={pubnub}>
      <Chat />
    </PubNubProvider>
  );
}

第二

使用 one

将所有模块导出到 import * as <NAME>

import * as PubNubReact from 'pubnub-react';

import React from 'react';
import PubNub from 'pubnub';
import * as PubNubReact from 'pubnub-react';

const pubnub = new PubNub({
  publishKey: 'myPublishKey',uuid: 'myUniqueUUID'
});

function App() {
  return (
    <PubNubReact.PubNubProvider client={pubnub}>
      <Chat />
    </PubNubReact.PubNubProvider>
  );
}