在学习react的时候,测试props验证的时候,一直卡在的propTypes使用出错
import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
...
// props验证
var title = "菜鸟驿站";
class MyTitle extends React.Component{
render(){
return(
<h1>Hello,{this.props.title}</h1>
);
}
}
MyTitle.PropTypes = {
title: PropTypes.string
};
ReactDOM.render(
<MyTitle title={title} />,
document.getElementById('example')
)
怎么改都报以下错误:
Failed to compile.
./src/index.js
Line 270:9: Typo in static class property declaration react/no-typos
Search for the keywords to learn more about each error.
百思不得其解,因为都是自学。第一次,找到一个全英回答,看都没看就关了。又改了一阵子,还是改不了,又去看了那篇全英的问答,才发现,原来就是我粗心了。就是单纯大小写的问题。应该是propTypes而不是PropTypes。
import React from 'react';
import ReactDOM from 'react-dom';
import propTypes from 'prop-types';
...
// props验证
var title = "菜鸟驿站";
class MyTitle extends React.Component{
render(){
return(
<h1>Hello,{this.props.title}</h1>
);
}
}
MyTitle.propTypes = {
title: propTypes.string
};
ReactDOM.render(
<MyTitle title={title} />,
document.getElementById('example')
)
搞定。