attendu une classe de composants, got [object Object]

Question

Je reçois une erreur avec ce code. Cependant, le passage à react-native supprime l'erreur. Pouvez-vous utiliser div avec react-native? Sinon, pourquoi cette erreur est-elle si obscure ...?

 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

Non vous ne pouvez pas utiliser la balise div dans réagissent-natif. Depuis, réagissent-natif est basé sur JSX syntaxe qui sont automatiquement envoyés à des éléments natifs abstraite Dom parser. vous pouvez obtenir votre réponse ici:https://facebook.github.io/react-native/docs/tutorial.html

Aussi, réagir-natif est upadated à la nouvelle version qui est de 0,29 , vous devriez probablement ignorer vieux ECMA script et utiliser de nouveaux ECMA script de la syntaxe javascript. Depuis, de réagir indigènes utilise reactjs pour son javascript afin de mieux apprendre à partir d'ici: http://reactjs.net/guides/es6.html

Answer 2

Au lieu de DIV, utilisez View.

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

Answer 3

Vous ne pouvez pas l'utiliser en natif réactif. Utilisez plutôt un composant natif.

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

N'oubliez pas d'importer avant avec:

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

Answer 4

Vous utilisez peut-être le composant ReactJS dans une application native React. J'ai accidentellement installé un composant avec des balises <div> dans le projet React Native.