从React 15.5.0开始不推荐使用React.PropTypes [英] React.PropTypes is deprecated since React 15.5.0
本文介绍了从React 15.5.0开始不推荐使用React.PropTypes的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正遇到一个问题,我试图导入一个静态组件并将其用于父组件中.我收到React未定义的错误.
I am facing an issue where I am trying to import a static component and use it in the parent component. I am getting React undefined error.
这是我所做的 父组件
import React from 'react';
import TableHeader from 'TableHeader';
import TableRow from 'TableRow';
import UTIL from '../../services/Utils';
export default class Table extends React.Component {
render() {
return (<div>
<TableHeader labels={this.props.labels}/>
<div className="table-body js-filtered-data-wrapper sortable">
{this.renderTableRows()}
</div>
</div>
)
}
renderTableRows() {
return this.props.teamlist.map((listItem, i) => {
return (
<TableRow key={i}
data={listItem}
labels={this.props.labels}
/>
)
});
}
}
在我的TableHeader文件中,代码是
in my TableHeader file the code is
import { PropTypes } from 'react';
const TableHeader = (props) => {
let labels = props.labels;
return (
<ul className="table-header">
<li className="table-row header ">
<div className="player-name">{labels.playername}</div>
</li>
</ul>
)
}
TableHeader.propTypes = {
labels : PropTypes.object.isRequired
}
export default TableHeader;
我得到的错误是
Uncaught ReferenceError: React is not defined
at TableHeader (webpack:///./src/components/pro-am/TableHeader.jsx?:13)
推荐答案
Imoprt React
也位于TableHeader
组件中:
Imoprt React
in the TableHeader
component too:
注意:在最新版本的
React
中,已移动PropTypes
到单独的程序包(prop-types
).因此,从那里导入它就像
NOTE: With the latest version of
React
thePropTypes
have been moved to a Separate package(prop-types
). So import it from there like
import React,{ PropTypes } from 'react';
const TableHeader = (props) => {
let labels = props.labels;
return (
<ul className="table-header">
<li className="table-row header ">
<div className="player-name">{labels.playername}</div>
</li>
</ul>
)
}
TableHeader.propTypes = {
labels : PropTypes.object.isRequired
}
export default TableHeader;
如果使用v15.5.0或更高版本,请使用单独软件包中的PropTypes
If using v15.5.0 or above use PropTypes from a separate package
import React from 'react';
import PropTypes from 'prop-types';
const TableHeader = (props) => {
let labels = props.labels;
return (
<ul className="table-header">
<li className="table-row header ">
<div className="player-name">{labels.playername}</div>
</li>
</ul>
)
}
TableHeader.propTypes = {
labels : PropTypes.object.isRequired
}
export default TableHeader;
这篇关于从React 15.5.0开始不推荐使用React.PropTypes的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文