导入模式弹出窗口时出现错误

Question

嗨，我正试图在react引导程序中导入模式弹出窗口，但它显示了以下错误：道具未定义>我从react引导文件中获取了它，但无法理解错误

/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;

Answer 1

请检查此部分。

<Modal.Footer>
<Button onClick={this.props.onHide}>Close</Button>
</Modal.Footer>

它应该是this.props.onHide而不是props.onHide。