在 React native 中，异常 Invariant Violation: expected a component class got div 是什么？

Question

我正在制作一个 React Native 应用程序并收到错误 Invariant Violation: expected a component class got div

这是什么意思？

这是应用程序：

'use strict';

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

var Select = require('react-select');

var options = [
  { value: 'val1', label: 'Value 1' },
  { value: 'val2', label: 'Value 2' },
];


var MyApp = React.createClass({
  render: function() {
    return (
      <View>
        <Text>I am selecting:</Text>
        <Select
            name="form-field-name"
            value="val1"
            options={options}
        />
      </View>
    );
  }
});

AppRegistry.registerComponent('AwesomeProject', () => MyApp);

Answer 1

react-select 是一个针对 Web 的 React 项目，而不是针对 React Native 的项目。当你尝试使用它时，React Native 发现它是使用 HTML 构建的，并抱怨 <div> 标签。你不能简单地使用为 Web 构建的组件并期望它们适用于 React Native。