Question

我正在构建一个显示小部件聊天的React-redux库。该库应提供接口，允许客户端配置和理解库的状态，并将小部件呈现到其文档中。

我使用Webpack进行构建过程。我使用Twilio-Chat库来进行聊天功能。

我的索引文件如下所示：

Index.js

import Chat from 'twilio-chat';
class MyChatWidget extends Component {
    logout() {
        Chat.shutdown()
    }
}

export default connect()(MyChatWidget);

MyChatWidget

write_buffer[(i*2)+1] = (uint8_t) sample_sensbus1[i] >> 8;

注销被暴露给客户端，它应该调用MyChatWidget组件内的一个函数。

我该如何实现这种行为？我是否将Twilio Chat包含在错误的位置（MyChatWidget组件）？

我使用webpack（https://codeburst.io/building-react-widget-libraries-using-webpack-e0a140c16ce4）

阅读了这篇文章

Answer 1

您可以在index.js中声明注销方法static并将该方法作为MyChatWidget.logout()访问

Answer 2

免责声明：我不喜欢在窗口对象上放任何东西，特别是因为如果使用服务器渲染窗口不可用。但是，将类的实例传递给window对象会使JS可以访问窗口对象。

handleClose = () => { this.setState({open: false}); this.props.onClose(); // call callback provided by parent };

React-Redux如何将组件功能导出到window对象

2 个答案: