Oczekiwano klasy komponentu, otrzymałem [obiekt obiekt]

Question

Wystąpił błąd z tym kodem. Jednak zmiana na native-native-native-y usuwa błąd. Czy możesz użyć div z native-response? Jeśli nie, dlaczego ten błąd jest tak niejasny ...?

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

Nie można użyć znacznika div w trybie macierzystym. Ponieważ metoda native-Response bazuje na składni JSX, które są automatycznie wywoływane do składników natywnych przez abstrakcyjny parser Dom. możesz uzyskać odpowiedź tutaj: https://facebook.github.io/react-native/docs/tutorial.html

Ponadto, native-Reaction jest ulepszone do nowej wersji, która wynosi 0.29, prawdopodobnie powinieneś zignorować stary skrypt ECMA i użyć nowego skryptu ECMA dla składni javascript. Ponieważ native-native używa reactjs do obsługi javascript, więc lepiej uczyć się stąd: http://reactjs.net/guides/es6.html

Answer 2

Zamiast DIV użyj View.

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

Answer 3

Nie można używać w reakcji natywnej. Zamiast tego użyj komponentu natywnego.

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

Nie zapomnij zaimportować wcześniej z:

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

Answer 4

może być używany składnik ReactJS w React Native App. Przypadkowo zainstalowałem komponent ze znacznikami <div> w projekcie React Native.