M1#A08

[marisbispo]

Boa tarde Fernando, tudo bom?

O meu codigo está dando o seguinte erro:

no App.js, usei o seguinte codigo:

import React from 'react'
import Title from './title'

const App = React.createClass({
  render: function(){
    return(
      <div className='container'>
        <Title name='Maristela!'/>
      </div>
    )
  }
})

export default App;

e no title.js:

import React from 'react';

const Title = React.createClass({
    render: function(){
        return(
            <h1>Olá {this.props.name}</h1>
        )
    }
})

export default Title;

Sabe dizer o que estou fazendo de errado? Obrigada!!

@fdaciuk

[fdaciuk]

Oi @marisbispo! Possivelmente você instalou uma versão do React e React DOM maior que a 15.4 =)

O ideal seria instalar essa versão para seguir tudo exatamente como foi mostrado no curso, ok? =) Para saber como instalar as versões corretas mostradas em cada aula, você pode sempre consultar o arquivo de dependências =)

[marisbispo]

Obrigada, @fdaciuk! Eu criei com o npx-create-react-app

Entao, o ideal é fazer passo a passo como você faz nas primeiras aulas, né?

[wandrebarbosa]

Boa noite @fdaciuk, tbm estou com um problema nesta aula, possivelmente o mesmo da amiga acima, porém até antes de configurar o para o server pelo npm start, estava correndo tudo bem conforme as aulas, porem quando carreguei o comando npm start ele da o seguinte erro abaixo:

[fdaciuk]

@marisbispo pode continuar com o CRA sem problemas! Nesse caso, só precisa adaptar duas coisas: o React.createClass e o React.PropTypes foram movidos para bibliotecas externas à partir da versão 15.5, por isso eu peço para instalar a 15.4, mas em aulas mais pra frente eu mostro como fazer essa atualização =)

No seu caso, pode continuar com o CRA, mas você vai precisar instalar duas bibliotecas adicionais para usar o createClass e o PropTypes:

npm install --save-dev create-react-class prop-types

Isso vai instalar as duas bibliotecas. Aí para usar, é só importar e usar. Ao invés de:

import React from 'react'
React.createClass({ ... })

Use assim:

import createClass from 'create-react-class'
createClass({ ... })

Mesma coisa para o PropTypes, quando você chegar na aula que eu falo sobre ele, ok? =)

Fazendo isso, você não deve ter problemas daqui pra frente, e poderá continuar usando a versão mais recente do React =)

[fdaciuk]

Oi @wandrebarbosa! Pelo erro, parece que faltou instalar o webpack localmente. Você deve ter instalado só de forma global, com o -g, certo? =)

[marisbispo]

obrigada, @fdaciuk! funcionou certinho aqui!

[fdaciuk]

Show! Qualquer dúvida, só avisar :D