AnswerBun.com

Como puedo poner IF en jsx

Stack Overflow en español Asked by MatiST00 on December 12, 2020

estoy trabajando con react, y agregue un sistema de "valorar" la experiencia, quiero que al hacer clic en X estrella redireccione a un lado, y si hace clic en otra X estrella redireccione a otro formulario, hace poco me lo pasaron, pero en JavaScript y ahora aca no puedo, lo intenté y no me funcionó ninguna solución de internet.

    const thirdExample = {
      size: 40,
      count: 5,
      isHalf: false,
      value: 4,
      color: "blue",
      activeColor: "yellow",
      onChange: (newValue) => {
        console.log(`Example 3: new value is ${newValue}`);
        alert(newValue===1 ? 'redireccion del valor 1' : 'redireccion del valor 1')
      }
    
    
    };
    
    
    export default function Valorar() {
      return (
        <div className="App">
          <ReactStars {...thirdExample} />
        </div>
      );
    }

Tendría que encontrar una alternativa a esto:

  if(newValue==1){
  alert('redireccion del valor 1');
  }

One Answer

Tienes dos alternativas a un if común, sería un inline if o una condicion booleana que es muy usada en jsx

El inline if sería

(condition ? whenTrue: whenFalse)

parantesis opcionales pero recomendados.

así que tu coondición:

if(newValue==1){
  alert('redireccion del valor 1');
}

Esa condición inline quedaría:

alert(newValue==1 ? 'redireccion del valor 1' : 'redireccion del valor 2')

o con el alert en la condición:

newValue==1 ? alert('redireccion del valor 1') : alert('redireccion del valor 2')

Tambien puedes concatenar este tipo de condiciones.

alert(newValue===1 ? 'redireccion del valor 1' :( newValue===2 ? 'redireccion del valor 2' : ( newValue===3 ? 'redireccion del valor 3' : 'redireccion del valor 4')))

Tambien es posible utilizar la opcion de una operación booleana que es bastante simple.

condicion && whenTrue

Y tu condición quedaría:

newValue==1 && alert('redireccion del valor 1');

Ambas opciones es posible utilizarlas en un jsx sin problema.

Correct answer by Jhoubert Rincon on December 12, 2020

Add your own answers!

Related Questions

como iterar fila por fila en pandas

1  Asked on November 4, 2021 by emanuel-lemos

     

Express.static() en Cpanel no sirve CSS

1  Asked on November 4, 2021 by gabriel-taype

     

React native APK sin servidor

1  Asked on November 4, 2021 by gabocafer

 

Generar imagen php

1  Asked on November 4, 2021

   

Cambiar el valor de input cuando introduzco un numero

0  Asked on November 4, 2021 by razvan-lismanu

     

Como usar variables if en java para dos condiciones

1  Asked on November 4, 2021 by emil-jpz

 

Implementar método async que devuelva un valor decimal

2  Asked on August 27, 2021 by pedro-vila

   

No funciona mi botón con JavaScript

1  Asked on August 27, 2021 by braylin-ivan-payano

   

No puedo llamar Clase

1  Asked on August 27, 2021 by camilo34

   

Porque no funciona mi javascript?

1  Asked on August 27, 2021

     

Python – ayuda con regex

3  Asked on August 27, 2021 by gonzalo-rojo

   

Recibir datos post en node js express js

2  Asked on August 27, 2021 by alejandrognzls

     

Problema con errores en forms Django

1  Asked on August 27, 2021 by lucas-leone

   

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP