通天禁用React.createClass和PropTypes過時的警告作出反應目前

Question

在最新陣營15.5.1包，如果使用巴貝爾反應用來解決JSX文件，將出現以下警告：

Warning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead. 

warning.js:36 Warning: A Component: React.createClass is deprecated and will be removed in version 16. Use plain JavaScript classes instead. If you're not yet ready to migrate, create-react-class is available on npm as a drop-in replacement. 

我的代碼如下：

import React from 'react' 
import ReactDOM from 'react-dom'; 

class Counter extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = { 
     count: 1 
    } 
    } 
    componentDidMount() { 
    setInterval(()=> { 
     this.setState((prevState, props) => ({ 
     count: prevState.count + 1 
     })) 
    }, 1000) 
    } 
    render(){ 
    return (
     <h1>{this.state.count}</h1> 
    ) 
    } 
} 

const root = document.createElement('div'); 
root.id = 'app'; 
document.body.appendChild(root); 

ReactDOM.render(
    <Counter />, 
    document.querySelector('#app') 
); 

我不使用React.createClass和PropTypes在我的代碼，這似乎巴貝爾變換我的代碼React.createClass和PropTypes，如何解決呢？

Answer 1

你不應該延長react.Component。您需要導入組件從反應並擴展它在這裏顯示：

import React, {Component} from 'react'; 

    class Counter extends Component{ 
    //your code here 
    render(){ 

    return (
     <h1>{this.state.count}</h1> 
    ); 
    } 
} 

你可以閱讀有關的差異和ES6類here

Answer 2

React.createClass和React.PropTypes在V15.5已被棄用。

一些同輩/依賴項必須使用React.createClass和React.PropTypes與React:^15.4（或任何其他版本），這與您的反應版本非常兼容。 因此得到警告代碼。

請參考this link 15.5更改

https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

Answer 3

這不是一個答案，只是一個增加更多的東西，因爲我還不能發表評論:-(也許別人有react-同樣的問題不受控制（下拉）：React.createClass已被棄用，將在版本16被移除自舉

我在使用反應的自舉0.30.8連同反應15.5.3

警告得到了相同的。改用普通的JavaScript類。如果您尚未準備好遷移，則可以在npm上使用create-react-class作爲插入式替換。

i的獲得： 不可控/ createUncontrollable.js --->

var component = _react2.default.createClass(_extends({ 

uncontrollable@4.0.3是的DEP反應的自舉0.30.8

和

警告：不推薦使用通過主React包訪​​問PropType。改爲使用npm中的prop-types包。

反應的自舉/ ES/PanelGroup.js --->

accordion: React.PropTypes.bool 

我想降級的反應是在這裏解決辦法，因爲反應的自舉尚未遠遠不夠的唯一途徑。

Answer 4

陣營v15.5.0實現new warnings

降級反應15.4。X作品對我來說

npm install --save react@15.4.0 react-dom@15.4.0 

Answer 5

陣營15.5.0包含新的警告屬於那些上反應16未來的變化，你得到的警告，其實是告訴你，你必須實現新的方式（因爲您正在使用的當前方式將在16日棄用）。

React.createClass，你有兩個選擇，第一種是隻使用純JS語法：

function Welcome(props) { 
    return <h1>Hello, {props.name}</h1>; 
} 

或使用create-react-class模塊（在NPM availiable）：

// Before (15.4 and below) 
var React = require('react'); 

var Component = React.createClass({ 
    mixins: [MixinA], 
    render() { 
    return <Child />; 
    } 
}); 

// After (15.5) 
var React = require('react'); 
var createReactClass = require('create-react-class'); 

var Component = createReactClass({ 
    mixins: [MixinA], 
    render() { 
    return <Child />; 
    } 
}); 

關於PropTypes警告，檢查你是否使用使用PropTypes的模塊，有時它來自外部。

無論如何，閱讀更多關於它，歡迎您獲得Facebook blog post about those changes

Answer 6

我發現警告存在，因爲我是進口與

import * as React from 'react' 

改變這

import React from 'react' 

陣營

使警告消失