期待一个组件类,得到[object Object]

Question

我的代码出错了.但是,更改为react-native可以消除错误.你能用反应原生的div吗？如果没有,为什么这个错误如此模糊......？

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

let Auto = React.createClass({
  getInitialState: function() {
    return { value: 'Ma' }
  },
  render: function() {
    return (
      <div className="fuck-react">
        Blah blah blah
      </div>
    )
  }

});

Answer 1

不,你不能在react-native中使用div标签.因为,react-native基于JSX语法,它通过抽象Dom解析器自动分派给本机组件.你可以在这里得到答案:https://facebook.github.io/react-native/docs/tutorial.html

此外,react-native更新为0.29的新版本,您可能应该忽略旧的ECMA脚本并使用新的ECMA脚本来实现javascript语法.因为,react-native使用reactjs来解决它的javascript,所以最好从这里学习:http://reactjs.net/guides/es6.html

Answer 2

而不是DIV使用View.

<View style={{flex: 1}}>
       <Text>Blah blah blah</Text>
</View>