如何使用時修復陣營15.5.3 PropTypes過時警告創建反應的應用程序內

Question

我使用create-react-app開始React項目。 在最新React 15.5.3包，它出現以下警告：

警告：訪問通過主PropTypes陣營包已被棄用。 改爲使用npm中的prop-types包。

我已經按照blog：

npm install prop-types和import PropTypes from 'prop-types';

，但它不工作。 我不使用任何PropTypes或props代碼：

import React, { Component } from 'react'; 
import PropTypes from 'prop-types'; 

class App extends Component { 
    constructor() { 
     super(); 
     this.state = { 
      videoVisible: true, 
     }; 
    } 

    ...... 
} 

如何解決呢？

謝謝。

Answer 1

從反應博客拉 - NPM安裝道具類型，然後使用新的代碼。此外，它表示，如果嵌套組件不使用prop-types，但父組件是 - ，則可以獲取此錯誤消息，因此您需要檢查其他組件。

// Before (15.4 and below) 
import React from 'react'; 

class Component extends React.Component { 
    render() { 
    return <div>{this.props.text}</div>; 
    } 
} 

Component.propTypes = { 
    text: React.PropTypes.string.isRequired, 
} 

// After (15.5) 
import React from 'react'; 
import PropTypes from 'prop-types'; 

class Component extends React.Component { 
    render() { 
    return <div>{this.props.text}</div>; 
    } 
} 

Component.propTypes = { 
    text: PropTypes.string.isRequired, 
};