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对其javascript使用reactjs，所以最好从这里学习：http://reactjs.net/guides/es6.html

Answer 2

而不是DIV使用View。

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

Answer 3

你无法使用本机反应。改为使用原生组件。

<View>
  <Text>text text text</Text>
</View>

不要忘记以前导入：

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

Answer 4

您可能在React Native App中使用ReactJS组件。我不小心在React Native项目中安装了带有<div>标签的组件。

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

4 个答案: