javascript - 获取错误 : "react.createclass is not a function"

Question

我是一名新的 JS 开发人员，我正在探索 React-Native。我最近购买了邦妮·艾森曼 (Bonnie Eisenman) 的“Learning React Native”，并且正在从事第一个迷你项目 - 一个非常基本的天气应用程序。

不幸的是，我无法让作者提供的代码正常工作(请参阅下面的部分代码，或查看全部内容 here )。我不断收到错误消息“React.createClass 不是一个函数”，尽管我已经看到许多其他示例都可以正常工作。我一直在花费数小时研究和提出问题但没有成功。请帮忙!

var React = require('react-native');
var {
  StyleSheet,
  Text,
  View,
  TextInput
} = React;


var WeatherProject = React.createClass({
  ....
});

module.exports = WeatherProject;

Answer 1

根据 react-native 文档 https://facebook.github.io/react-native/

你应该从'react'而不是'react-native'要求React

并且需要来自“react-native”的样式表、文本、 View 、TextInput(就像你目前正在做的那样)

来自文档:

import React, {
  Component,
} from 'react';
import {
  TabBarIOS,
  NavigatorIOS,
} from 'react-native';

class App extends Component {
  render() {
    return (
      <TabBarIOS>
        <TabBarIOS.Item title="React Native" selected={true}>
          <NavigatorIOS initialRoute={{ title: 'React Native' }} />
        </TabBarIOS.Item>
      </TabBarIOS>
    );
  }
}

这是使用 ES6/ES2015 语法扩展 react 组件。你的看起来更像这样:

var React = require('react');
var {
  StyleSheet,
  Text,
  View,
  TextInput
} = require('react-native');


var WeatherProject = React.createClass({
  ....
});

module.exports = WeatherProject;

虽然基于您正在执行的对象解构，但您已经处于支持 ES6 的环境中，最好只使用 ES6。