ReactJS - creacion de proyecto

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

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 clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 6

Val: 9

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:

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 clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar