Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » ReactJS » creacion de proyecto

ReactJS - creacion de proyecto

Volver
Nuevo Tema
<<>>
 
Vista:

creacion de proyecto

Publicado por ZeroX (1 intervención) el 07/08/2019 20:27:26
una duda porque al crear proyecto nuevo por default se crea como una funcion y no como una clase?

ejemplo por default se crea asi

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import React from 'react';
import logo from './logo.svg';
import './App.css';
 
function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}
 
export default App;

espero me puedan ayudar a saber como lo cambio a clase
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de 7aamin
Val: 9
Ha mantenido su posición en ReactJS (en relación al último mes)
Gráfica de ReactJS

creacion de proyecto

Publicado por 7aamin (26 intervenciones) el 10/10/2021 02:44:14
React funcional es la nueva manera de programar en React, siempre que crees un proyecto, vas a recibir ese template basado en funciones.. si quieres modificarlo a POO, debes hacerlo manualmente asi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import React from "react";
import logo from './logo.svg';
import './App.css';
 
export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      initialValue: 1
    }
  }
 
  render() {
    return (
          <div className="App">
            <header className="App-header">
              <img src={logo} className="App-logo" alt="logo" />
              <p>Edit <code>src/App.js</code> and save to reload.</p>
              <a
                className="App-link"
                href="https://reactjs.org"
                target="_blank"
                rel="noopener noreferrer"
              >Learn React</a>
            </header>
          </div>
    );
  }
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar