css - 删除 MS-bot 框架中的图片上传按钮

Question

我想删除 MS-botframwork 中的图片上传按钮。我在 botchat.scss 文件中进行更改，然后运行 ​​npm run prepublish 但没有任何反应。我不想更改 botchat.css 文件。你能准确地告诉我我必须做什么吗？

谢谢。

Answer 1

网络聊天的结构是使用 React 动态创建的，代码放在 botchat.js 文件中。您必须注释或删除文件 botchat.js 中的以下行:

React.createElement("label", { className: "wc-upload", onKeyPress: function (evt) { return _this.handleUploadButtonKeyPress(evt); }, tabIndex: 0 },
React.createElement("svg", null,
React.createElement("path", { d: "M19.96 4.79m-2 0a2 2 0 0 1 4 0 2 2 0 0 1-4 0zM8.32 4.19L2.5 15.53 22.45 15.53 17.46 8.56 14.42 11.18 8.32 4.19ZM1.04 1L1.04 17 24.96 17 24.96 1 1.04 1ZM1.03 0L24.96 0C25.54 0 26 0.45 26 0.99L26 17.01C26 17.55 25.53 18 24.96 18L1.03 18C0.46 18 0 17.55 0 17.01L0 0.99C0 0.45 0.47 0 1.03 0Z" })),
React.createElement("input", { id: "wc-upload-input", tabIndex: -1, type: "file", ref: function (input) { return _this.fileInput = input; }, multiple: true, onChange: function () { return _this.onChangeFile(); }, "aria-label": this.props.strings.uploadFile, role: "button" })),

这些行渲染并显示图像上传按钮，取消注释这些行以再次显示按钮。