Reactjs 不正确地使用React ListView

Reactjs 不正确地使用React ListView,reactjs,react-native,Reactjs,React Native,我在实例化react native以使用其列表视图时遇到了一个问题 var ReactNative = require('react-native'); var MyClass = React.createClass({ ... render: function(){ ... ); } } 我们在react-native-implementation.js中有以下内容 ... get AccessibilityInfo() { return requir

我在实例化react native以使用其列表视图时遇到了一个问题

var ReactNative = require('react-native');

var MyClass = React.createClass({
...
    render: function(){
    ...
    );
    }
}
我们在react-native-implementation.js中有以下内容

...

  get AccessibilityInfo() { return require('AccessibilityInfo'); },
  get ActivityIndicator() { return require('ActivityIndicator'); },
  get ART() { return require('ReactNativeART'); },
...
它有大约90个get语句。当webpack运行时,它们中的每一个都会出错。Webpack在第一次获取时出现以下错误,其余的名称对应(AccessibilityInfo、ActivityIndicator、ReactNativeART等)

C:/Directory/~/react native/Libraries/react native/react-native-implementation.js中出现错误

...

  get AccessibilityInfo() { return require('AccessibilityInfo'); },
  get ActivityIndicator() { return require('ActivityIndicator'); },
  get ART() { return require('ReactNativeART'); },
...
未找到模块:错误:无法解析“C:\Directory\node\u modules\react native\Libraries\react native”中的“AccessibilityInfo” @C:/Directory/~/react native/Libraries/react native/react-native-implementation.js 31:35-63 @./Directory/MyClass.jsx

所有这些GET和相应的NPM安装来自哪里?我没有安装它们,但我无法执行npm安装AccessibilityInfo。那么我错过了什么

此外,通过facebook的github.io与以下内容有什么区别:

import { AppRegistry, ListView, Text, View } from 'react-native';
vs

我假设我将从React Native中提取所有内容,而不仅仅是listview。使用var获取ListView时有更好的语法吗?我是否可以执行以下操作(由于前面的错误,我目前无法测试此操作):


您不能只是将React Native添加到web项目中,然后期望它工作。React Native通常意味着在移动设备上运行,同时由本机(Java或Objective-C)代码支持(执行实际渲染)。React Native提供的实际组件大多是用本机代码编写的

如果希望在web项目中使用React-Native,则需要使用某种框架来提供React-Native提供的本机组件的web版本。这方面的一个例子就是

至于你的第二个问题,ES6导入

import { ListView, View, Text } from 'react-native';
等同于使用
require
的以下语句:

var { ListView, View, Text } = require('react-native');

然而,正如本声明所使用的,它仍然需要ES2015—仅使用ES5无法做到这一点

你有巴贝尔的安排吗?还有,你为什么要使用Webpack?React Native在Facebook的Haste packager上运行,它已经有一段时间不支持Webpack了。您是否试图在不使用React-Native CLI的情况下创建React-Native项目?我有babel设置。我的网页上还有其他组件正在运行。我想在我的网页中添加一个react-native组件,或者这是一个很大的禁忌?我想你把react和react-native混淆了。React是一个web组件框架,React Native是一个用于跨平台移动应用程序的框架。如果您希望在浏览器中使用React本机组件,则需要使用类似您看到的故障,因为React本机移动应用程序需要大量通常由CLI生成的支持代码。谢谢!这就解释了为什么我一直在拔头发。
var { ListView, View, Text } = require('react-native');