Reagieren Native 16 Alpha 12 Migrating PropTypes

Question

My Expo XDE mir die folgende Warnung auf ein neu angelegtes Projekt geben:

1:37:35 Uhr Warning: checkPropTypes wurde in einem separaten bewegt Paket. Der Zugriff auf React.checkPropTypes wird nicht mehr unterstützt und wird in React 16 vollständig entfernt. Verwenden Sie stattdessen das prop-types-Paket unter npm.

1:37:35 PM Warnung: React.createClass wird nicht mehr unterstützt. Verwenden Sie stattdessen eine einfache JavaScript-Klasse . Wenn Sie noch nicht migrationsbereit sind, steht create-react-class als NPD-Ersatz für npm zur Verfügung.

1:37:35 PM Warnung: PropTypes wurde in ein separates Paket verschoben. Der Zugriff auf React.PropTypes wird nicht mehr unterstützt und wird in React 16 vollständig entfernt ( ). Verwenden Sie stattdessen das prop-types-Paket für npm.

Migrating Prop-Types

Auch wenn mein Code scheint in Ordnung zu sein .. weiß jemand, warum ich immer noch diese Meldung oder was falsch ist mit dem folgenden Code?

-Code

import React, {Component} from 'react'; 
import Root from './src/Root'; 
import {View} from 'react-native'; 
import PropTypes from 'prop-types'; 

class App extends Component { 
    render() { 
    return (<View />); 
    } 
} 

App.PropTypes = {} 

export default App; 

package.json

{ 
    "name": "WeDo", 
    "version": "0.1.0", 
    "private": true, 
    "devDependencies": { 
    "react-native-scripts": "1.2.1", 
    "jest-expo": "~20.0.0", 
    "react-test-renderer": "16.0.0-alpha.12" 
    }, 
    "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js", 
    "scripts": { 
    "start": "react-native-scripts start", 
    "eject": "react-native-scripts eject", 
    "android": "react-native-scripts android", 
    "ios": "react-native-scripts ios", 
    "test": "node node_modules/jest/bin/jest.js --watch" 
    }, 
    "jest": { 
    "preset": "jest-expo" 
    }, 
    "dependencies": { 
    "expo": "^20.0.0", 
    "prop-types": "^15.5.10", 
    "react": "16.0.0-alpha.12", 
    "react-native": "^0.47.0" 
    } 
} 

Answer 1

Die Eigenschaft auf App sollte propTypes nicht PropTypes sein. Sie verwenden jedoch weiterhin PropTypes innerhalb des Objekts.

Zum Beispiel:

App.propTypes = { 
    name: PropTypes.string.isRequired 
} 

Answer 2

können Sie https://github.com/reactjs/react-codemod#react-proptypes-to-prop-types verwenden, um die Einfuhr von React.PropTypes zu ersetzen 'Prop-Typ'