Wyłącz React.createClass i PropTypes nieaktualne ostrzeżenia w babel reagować obecny

Question

Najpóźniej reagować 15.5.1 pakietu w przypadku korzystania babel reagować obecny rozwiązać JSX plik, pojawia się następujące ostrzeżenia:

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. 

mojego kodu jest następujący:

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') 
); 

nie używam React.createClass i PropTypes w moim kodzie wydaje babel przekształcić mój kod do React.createClass i PropTypes, Jak to naprawić?

Answer 1

Nie należy przedłużać reakcji. Składnik. Trzeba importować składnik z zareagować i przedłużyć to pokazano poniżej:

import React, {Component} from 'react'; 

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

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

można przeczytać o różnicach i klas ES6 here

Answer 2

React.createClass i React.PropTypes została zaniechana w v15.5.

Niektóre zależności/zależności muszą używać React.createClass i React.PropTypes z React:^15.4 (lub dowolnej innej wersji), która jest bardzo zgodna z twoją wersją reagowania. W ten sposób otrzymujesz ostrzeżenie o istnieniu kodu.

Zapoznaj this link do 15,5 Zmiany

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

Answer 3

To nie jest odpowiedź, tylko jedna rzecz dodać, jak nie mogę jeszcze komentarza :-(Może ktoś inny ma ten sam problem z react- ładujący

mam samo przy użyciu reakcji, wraz z ładujący 0.30.8 reaguje 15.5.3

Uwaga: Niekontrolowane (rozwijane): React.createClass jest nieaktualna i zostaną usunięte w wersji 16. Zamiast tego użyj zwykłych klas JavaScript. Jeśli nie jesteś jeszcze gotowy do migracji, tworzenie-klasa-reakcji jest dostępna na npm jako zamiennik.

ja dostać w: niekontrolowanych/createUncontrollable.js --->

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

uncontrollable@4.0.3 jest dep od reagują-bootstrap 0.30.8

i

Ostrzeżenie : Dostęp do PropTypes za pośrednictwem głównego pakietu React jest przestarzały. Zamiast tego użyj pakietu prop-types z npm.

reagować-bootstrap/es/PanelGroup.js --->

accordion: React.PropTypes.bool 

myślę obniżenia reakcji jest jedynym sposobem na obejście tutaj, jak reagować-bootstrap nie jest jeszcze wystarczająco daleko.

Answer 4

React v15.5.0 realizuje new warnings

Obniżanie reagują na 15.4.x działa na mnie

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

Answer 5

reagować 15.5.0 zawierają nowe ostrzeżenia należą do zmian, które przyjdą na React 16, ostrzeżenie, że otrzymujesz, jest faktycznie informacją, że trzeba wdrożyć nowy sposób (ponieważ obecny sposób, którego używasz, będzie przestarzały w 16).

React.createClass, masz 2 opcje, pierwszą z nich jest po prostu użyć zwykłego JS składnię:

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

lub użyć modułu create-react-class (availiable na KMP):

// 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 />; 
    } 
}); 

O ostrzeżeniu PropTypes , sprawdź, czy używasz modułu używającego PropTypes, czasami pochodzi on z części zewnętrznej.

W każdym razie, aby przeczytać więcej na ten temat, zapraszamy do dostać Facebook blog post about those changes

Answer 6

Uważam, że ostrzeżenie było obecne bo importowania reagują z

import * as React from 'react' 

zmienia to

import React from 'react' 

powoduje, że ostrzeżenia znikają