React-native 常见错误：Seems you're trying to access 'ReactNative.Component' from the 'react-native'

最新推荐文章于 2020-09-14 17:22:08 发布

原创最新推荐文章于 2020-09-14 17:22:08 发布 · 647 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react-native

react-native 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何解决从react-native导入React Native.Component的问题。在RN25版本后，正确的做法是从'react'包导入React.Component，而react-native包仅用于特定组件如View等。

在RN 25版本之前，旧版本的React是从react-native 中import的，

如果升级完依赖之后，直接运行项目之后会得到一个报错信息:

Seems you’re trying to access ‘ReactNative.Component’ from the ‘react-native’ pakeage.
Perhaps you meant to access ‘React.Component’ from the ‘React’ package instead?
For example, instead of :

import React, { Component, View } from ‘react-native’;
you should now:

import React, { Component } from ‘react’;
import { View } from ‘react-native’;
…..

修改js格式如下：

    import React, {
        Component,
    } from 'react';

    import {
        AppRegistry,
        StyleSheet,
        Image,
        View,
    }  from 'react-native';