Réagir TypeError: Réagir.renderComponent n'est pas une fonction

J'ai cette étrange message après à la suite d'une Réagir tutoriel la construction d'une application simple.
http://blog.revathskumar.com/2014/05/getting-started-with-react.html

J'ai utilisé de verdure à installer réagir et inclus les scripts comme suit:

<script src="bower_components/react/react.js"></script>
<script src="bower_components/react/JSXTransformer.js"></script>

comme dans le tutoriel.
Au début, je pensais que les scripts n'étaient pas chargé, mais ça n'est évidemment pas le cas.
Quel est le problème?

OriginalL'auteur Webconstructor | 2015-06-07

reactjs render

De ces jours, il est

ReactDOM.render(

et inclure le fichier source:

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js"></script>

C'est l'avertissement de Réagir:

Warning: React.render is deprecated. Please use ReactDOM.render from require('react-dom') instead.

OriginalL'auteur Connor Leech

17

bower installe la version la plus récente dans ce cas, la version 0.12.0.

il y a un changement dans la fonction rendu de la convention.

https://facebook.github.io/react/blog/2014/10/28/react-v0.12.html

Composant a été supprimé à partir de l'ensemble de nos Réagir.rendu* méthodes.

donc utiliser
```
    React.render(
```
au lieu de
```
   React.renderComponent(
```
En fait il s'installe à 0,13$.x pour le moment. Si c'était de 0,12.x cette version obsolète de la fonction sans les retirer, mais .13 l'a supprimé.

OriginalL'auteur Webconstructor

Dernièrement 'Réagir.render()' est amorti Donc utilisez 'ReactDom.render()'

import React from 'react';
import ReactDom from 'react-dom';
import App from './components/App.jsx';
require('./main.scss');

ReactDOM.render(<App />, document.getElementById('container'));

OriginalL'auteur Ignatius Andrew

3

J'ai eu le même problème; j'ai suivi le tutoriel précisément et j'ai eu le même message d'erreur que vous avez fait.

Ce sont les changements que je devais faire pour le faire fonctionner...
```
npm install --save react-dom
```
changé index.jsx contenu:
```
/** @jsx React.DOM */
'use strict'
var ReactDOM = require('react-dom')
var Hello = require('./Hello')
ReactDOM.render(<Hello />, document.getElementById('content'))
```
Et qui l'a

Je suis très nouveau pour réagir, si cela peut ne pas être la meilleure solution, mais c'est le mien pour l'instant.

modifier : depuis, j'ai trouvé un autre, plus récente procédure pas à pas (qui fonctionne)
https://www.twilio.com/blog/2015/08/setting-up-react-for-es6-with-webpack-and-babel-2.html

OriginalL'auteur FraggaMuffin

Télécharger la dernière Réagir Starter Kit -> https://facebook.github.io/react/downloads.html
Utilisation react.js et react-dom.js les fichiers sur le dossier de création.
Au lieu d'utiliser le "texte/jsx" utiliser "text/babel" au lieu de cela, faisant référence à ce minifiés bibliothèque -> https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js

Voici le script complet pour votre référence

<div id="target-container"></div>

<script src="build/react.js"></script>
<script src="build/react-dom.js"></script>
<script src="build/browser.min.js"></script>
<script type="text/babel">
    var MyComponent = React.createClass({
        render: function(){
            return(
                <h1>Sample text</h1>
            );
        }
    });

    ReactDOM.render(
        <MyComponent/>,
        document.getElementById('target-container')
    );
</script>

OriginalL'auteur Kent Aguilar

vous devriez écrire ReactDOM.render ,au lieu de React.render.

https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.js
https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js

Ces trois javascript est requis

OriginalL'auteur Quera

Vous devez vous connecter pour publier un commentaire.