javascript - 导入模式弹出窗口时出现错误
问题描述
您好我正在尝试在 react-bootstrap 中导入模式弹出窗口,但它显示以下错误:Props not defined> 我从 react-bootstrap 文档中获取它,但无法理解错误
/src/components/AddProcessModal.js
Line 24:28: 'props' is not defined no-undef
这是代码:
export class AddProcessModal extends Component {
constructor(props) {
super(props);
}
render() {
return (
<Modal
{...this.props}
size="lg"
aria-labelledby="contained-modal-title-vcenter"
centered
>
<Modal.Header closeButton>
<Modal.Title id="contained-modal-title-vcenter">Add KPI</Modal.Title>
</Modal.Header>
<Modal.Body>
<div className="container">Add KPI Fields for BPMS</div>
</Modal.Body>
<Modal.Footer>
<Button onClick={props.onHide}>Close</Button>
</Modal.Footer>
</Modal>
);
}
}
export default AddProcessModal;
解决方案
请检查这部分。
<Modal.Footer>
<Button onClick={this.props.onHide}>Close</Button>
</Modal.Footer>
它应该this.props.onHide
代替props.onHide
.
推荐阅读
- python - Python:OSError 无法为 bert 加载配置
- python - 格式化来自串行设备的返回值
- cypress - 赛普拉斯浏览器记录器
- node.js - 如何防止 Node.js API REST 应用程序对高 CPU/RAM 使用率无响应?
- memory-leaks - 禁用 io.netty.tryUnsafe 有什么影响?
- python - 如何将时间戳列转换为 Unix 纪元格式
- python - How to find two specific values in a large 6-column array in Python?
- python - 在 Spyder 中可视化形状文件的属性表
- javascript - 我如何比较两个日期 - 它们应该在日期或年份匹配
- mongodb - 带孔的 MongoDB 复杂多边形