amaran react-native dalam alat nyahpepijat chrome dan tidak boleh menggunakan react dev-tools

Question

1. Saya menggunakan react@16.0.0-alpha.12， react-native@0.45.1 dan ia boleh digunakan seperti biasa dalam simulasi, tetapi amaran muncul dalam alat penyahpepijatan krom:

ExceptionsManager.js:71 Warning: PropTypes has been moved to a separate package. Accessing React.PropTypes is no longer supported and will be removed completely in React 16. Use the prop-types package on npm instead. (https://fb.me/migrating-from-react-proptypes)

ExceptionsManager.js:71 Warning: React.createClass is no longer supported. Use a plain JavaScript class instead. If you're not yet ready to migrate, create-react-class is available on npm as a drop-in replacement. (https://fb.me/migrating-from-react-create-class)

Dan tidak boleh menggunakan react dev-tools untuk penyahpepijatan

1. Kod saya:

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react'
import {
  AppRegistry,
  View,
  Text,
  StyleSheet
} from 'react-native'
export default class second extends Component{
  render () {
    return (
      <View style={{
         flex: 1,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: 'ghostwhite'
      }}>
        <Text style={{fontSize: 28, color: 'cadetblue'}}>class extends</Text>
      </View>
    )
  }
  componentDidMount () {
    console.log('==========')
    this.testConsolelog()
  }
  testConsolelog () {
    console.log('e3423423432')
  }
}

const styles2 = StyleSheet.create({
  bigblue: {
    color: 'blue',
    fontWeight: 'bold',
    fontSize: 30,
  },
  red: {
    color: 'red',
  },
});
AppRegistry.registerComponent('second', () => second);

Answer 1

Dalam react16 yang anda gunakan, kaedah ini telah ditamatkanReact.createClass.

Jadi versi react16 tidak boleh mencipta komponen melalui kaedah ini. Anda perlu menggunakan cara ES6 untuk mencipta komponen.

class Test extends React.Component {
    ...
}

Jika anda menggunakan mixin dalam kod anda dan mesti menggunakan createClass, anda perlu memperkenalkan perpustakaan alat lain secara berasingan.

var createReactClass = require('create-react-class');

Selain itu, React.propTypes tidak boleh digunakan lagi Jika anda ingin mengesan prop, alat yang berasingan perlu diperkenalkan dalam react16.

import PropTypes from 'prop-types';

Answer 2

Anda tidak boleh menggunakan react dev-tools, adakah kerana anda tidak mempunyai tanda kotak untuk membenarkan akses kepada alamat fail