道具验证中缺少 [英] Missing in props validation
本文介绍了道具验证中缺少的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我对此代码使用Linter.
import React, { Component } from 'react';
import { Modal, ModalHeader, ModalBody, ModalFooter } from
'reactstrap';
import PropTypes from 'prop-types';
export default class Sumo extends Component {
render() {
return(
<Modal isOpen={this.props.modal} toggle={this.props.toggle}
className={this.props.className}>
<form action="/demo" method="post">
<ModalHeader toggle={this.props.toggle}>Schedule a One-on-one
Online Demo Now!</ModalHeader>
<ModalBody>
<div className="form-group">
<input className="form-control" type="text"
placeholder="name" required/>
</div>
<div className="form-group">
<input className="form-control" type="email"
placeholder="email" required/>
</div>
<div className="form-group">
<input className="form-control" type="tel"
placeholder="phone number" required/>
</div>
<div className="form-group">
<textarea className="form-control" rows="4"
placeholder="How can we help you?"/>
</div>
</ModalBody>
<ModalFooter>
<button className="btn btn-success">Submit</button>
</ModalFooter>
</form>
</Modal>
);
}
}
Sumo.PropTypes = {
modal: PropTypes.string,
toggle: PropTypes.string,
className: PropTypes.string
};
IM收到的错误消息为:
道具验证中缺少‘modal’。
道具验证中缺少"Togger"。
道具验证中缺少‘className’。
推荐答案
正确的语法如下。试着做一个小小的改变。
Sumo.propTypes = {
modal: PropTypes.string,
toggle: PropTypes.string,
className: PropTypes.string
};
这篇关于道具验证中缺少的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文