コンポーネントクラスが必要です。[オブジェクトオブジェクト]

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タグを使用できません。以来、反応ネイティブは、抽象的なDomパーサーによってネイティブコンポーネントに自動的にディスパッチされるJSX構文に基づいています。 https://facebook.github.io/react-native/docs/tutorial.html

また、反応ネイティブは0.29の新しいバージョンにアップグレードされます。古いECMAスクリプトを無視し、JavaScriptシンタックス用の新しいECMAスクリプトを使用する必要があります。以来、反応ネイティブは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

あなたが反応ネイティブアプリケーションでReactJSコンポーネントを使用することができます。 React Nativeプロジェクトに<div>というタグを含むコンポーネントが誤ってインストールされました。