useMeetingManager 必须在 MeetingProvider 中使用答案

【问题标题】：useMeetingManager must be used within MeetingProvideruseMeetingManager 必须在 MeetingProvider 中使用
【发布时间】：2022-10-20 09:16:38
【问题描述】：

enter image description here我通过此链接 https://aws.github.io/amazon-chime-sdk-component-library-react/?path=/docs/sdk-components-introduction--page 将 amazon chime 与 react.js 集成，但出现错误 “useMeetingManager 必须在 MeetingProvider 中使用” 我该如何解决

【问题讨论】：

标签： amazon

【解决方案1】：

例如，在此演示中，App.js 文件包含 MeetingProvider：https://github.com/aws-samples/amazon-chime-media-capture-pipeline-demo/blob/main/site/src/App.js

<ThemeProvider theme={lightTheme}>
  <MeetingProvider>
    <Meetings />
  </MeetingProvider>
</ThemeProvider>

然后，在 Meetings.js 文件中： https://github.com/aws-samples/amazon-chime-media-capture-pipeline-demo/blob/main/site/src/Meeting.js

export const Meetings = () => {
    const meetingManager = useMeetingManager();

...
     await meetingManager.join(meetingSessionConfiguration, options);
     await meetingManager.start();
     meetingManager.invokeDeviceProvider(DeviceLabels.AudioAndVideo);

https://github.com/aws-samples/amazon-chime-media-capture-pipeline-demo/blob/a83f7c7186e6cca39dff8eba1fb46ca8b9c24914/site/src/Meeting.js#L106-L129

【讨论】：