Reactjs 道具验证中缺少
我用一根针来写这段代码Reactjs 道具验证中缺少,reactjs,react-props,Reactjs,React Props,我用一根针来写这段代码 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 isOp
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
};
import React,{Component}来自'React';
从导入{Modal,ModalHeader,ModalBody,ModalFooter}
“反应带”;
从“道具类型”导入道具类型;
导出默认类Sumo扩展组件{
render(){
返回(
安排一对一的约会
在线演示现在!
提交
);
}
}
相扑类{
模态:PropTypes.string,
切换:PropTypes.string,
类名:PropTypes.string
};
im获取的错误消息为:
道具验证中缺少“模态”。
道具验证中缺少“切换”。
道具验证中缺少“className” 下面是正确的语法。试试那一个小小的改变
Sumo.propTypes = {
modal: PropTypes.string,
toggle: PropTypes.string,
className: PropTypes.string
};
你有没有试过做相扑的小动作?(是的,微小的
p
,但只有在这种情况下,其余部分保持不变)我不确定这是否是问题所在,但官方文件中就是这样做的。看这里:就是这样,谢谢!