if-else if wird in map Funktion beides ausgeführt - warum?

Hallo,

in React (NextJS) habe ich eine einfache "if-else if" Anweisung. Eigentlich sollte ja die "else if" Anweisung falls die if Anweisung "true" ist garnicht ausgeführt werden. Aber egal wie ich die Bedingungen umschreibe, es werden immer beide Anweisungen ausgeführt... Kann mir hierbei jemand weiterhelfen?

Hier ist der Code der Komponente:

Bild zum Beitrag

und das sind die dazugehörigen console.logs:

Bild zum Beitrag

MFG

09.12.2020, 10:47

Falls gewünscht kann ich den Code auch auf GitHub hochladen.

1 Antwort

idontknowwww

09.12.2020, 11:47

Habe die Lösung:

Habe die funktionsweise der Map-Funktion falsch interpretiert. Die Anweisung oben geht durch das Array und in dem Fall in dem die Adressen GENAU übereinstimmen werden diese gerendert. Und für alle Fälle wo diese nicht übereinstimmen ist die 1. Anweisung logischerweise falsch und das else-if wird ausgeführt.

MFG

Ähnliche Fragen

Ist es noch sinnvoll, NextJS zu lernen?

SEO ist kein Punkt, wenn ich ehrlich bin. Heutzutage können auch Crawler normales React crawlen.

Als Zweites kommt das Server Side Rendering doch nur beim ersten Aufruf der Seite wirklich etwas bringt.

Danach ist es stinknormales React, das nicht mehr im Server für mich ausgeführt wurde und als HTML geschickt wird.

Natürlich sind 0.5-1 Sekunden wichtig, um den Nutzer ein gutes Gefühl zu geben und alles.

Aber warum sollte man sich den Stress mit NextJS antun? So wichtig wie mir diese 0.5 Sekunden auch sind. Man kann auch an anderen Ecken leichter optimieren und komprimieren.

React ist eine leichtgewichtige Bibliothek für ein bisschen Rendering und Next ein richtiges Framework.

Vielleicht ist da noch der Vorteil, das Leute ohne JavaScript wenigstens irgendwas sehen, aber wenn ich ehrlich bin, können einem Menschen mit JavaScript aus egal sein. Das sind fast alle Aluhutträger und die will man nicht in irgendeiner Art ansprechen als Kunde.

Auch keine Menschen die noch Internet Explorer und veraltete Smartphones nutzen. Da nehme ich lieber Rücksicht auf Sehbehinderte.

Was sagt ihr? Macht es noch Sinn, NextJS zu lernen? Warum nutzt ihr das?

...zur Frage

Java: in eine if-Anweisung eine while-Schleife einbauen?

Hallo! :)

Ich bin derzeit dabei, das Programmieren mit Java zu lernen und beschäftige mich gerade mit if-/else-Anweisungen und Schleifen.

Ich habe eine Aufgabe bearbeitet und dabei eine while-Schleife in eine if-Anweisung gesetzt, also, falls die Bedingung für die if-Abfrage wahr ist, soll unter anderem die while-Schleife ausgeführt werden, jedoch funktioniert das Programm so nicht.

Jetzt frage ich mich, ob es blöd ist, eine while-Schleife in eine if-Anweisung einzubauen? :D

Danke!

...zur Frage

IF Anweisung mehrere Bedingungen (java)?

Hi, ich würde gerne in die drei If-Anweisungen mehrere Bedingungen packen, aber irgendwie klappt das nicht so richtig, jemand Ideen?

Das Ziel soll sein, die größte aus 3 eingegeben Zahlen zu ermitteln

...zur Frage

Wofür braucht man If-Anweisungen (Bedingte Anweisungen)Greenfoot?

Ich arbeite aktuell mit dem Programm Greenfoot und frage mich, wofür man If-Anweisungen (Bedingte Anweisungen) benötigt, wenn es auch die while-Schleifen gibt. Kann man nicht alles mit while Schleifen ausdrücken, wodurch die If-Anweisung unnötig ist? Oder gibt es einen Fall, indem die If-Anweisung mehr Sinn macht/eine andere Funktion erfüllt, als es die while-Schleife tun würde?Danke im voraus;)

...zur Frage

React JS, was ist <React.StrictMode>?

Das ist ja standardmäßig in der index.js aber was bringt es genau ?
Wenn ich es nicht weglasse dann werden meine Funktionen innerhalb der Komponente doppelt aufgerufen die zwischen dem <React.StrictMode> sind.

Also kann ich es weglassen ?

App JS :

import {React,useEffect,useState} from 'react'
export default function App() {
useEffect(() => {
  // http://api.icndb.com/jokes/random
  const fetchJoke = async()=>(
    await fetch(`http://api.icndb.com/jokes/random`)
    .then(response => response.json())
    .then(data => console.log(data.value.joke))
  )
fetchJoke()
}, [])
  return (
    <div>App</div>
  )
}

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>    
 <App />
<React.StrictMode> 
);

Hab ja auch useEffect Hook benutzt damit es nur 1x beim laden ausgeführt werden soll.

...zur Frage

Ist eine If-Anweisung / ein Ausdruck immer direkt ein Seiteneffekt?

Hi,

Ich bin gerade dabei mich mit Funktionaler Programmierung in Common Lisp zu beschäftigen, und ich bin gerade ein wenig verwirrt.

In meiner Literatur steht dass Zitat: "Eine Anweisung allein wegen ihres Seiteneffekts ausgeführt wird".

In Common Lisp gibt es dagegen keine Anweisungen sondern nur Ausdrücke, und daher hat selbst die normale If-Anweisung einen Funktionscharakter.

(if (< 5 4) 'groesser 'kleiner))

Es wird nicht abhängig von einer Bedinung etwas ausgeführt, sondern etwas auf Basis eines Ausdrucks zurückgegeben.

Meine Frage ist jetzt, was ist der Unterschied zwischen einem Ausdruck und einer Anweisung in einer Sprache wie C++ oder Java

Ist eine Anweisung wie diese:

int foo (int A, int B)
{
  if(A < B) { ... }
  else { ... }
}

direkt ein Seiteneffekt ? Ich sehe nämlich nicht inwieweit das der Fall sein sollte, da beim Funktionsaufruf die gleichen EIngabewerte immer zur gleichen Ausgabe führen sollten.

Ein Seiteneffekt wäre für mich sowas:

int foo (int A)
{
    if(A < Time) {return 1}   // Time irgendein Systemwert
    else { return 0}
}

Also was ist der Unterschied zwischen einem Ausdruck und einer Anweisung und wan n ist etwas ein Seiteneffekt ?

...zur Frage

Return Statement notwendig?

Kenzelt ein weiterer return statement die in der if Anweisung aus?(Also wenn ich true schreibe wird dann der false ausgekänzelt?)

...zur Frage

Wieso gibt die Methode eine falsche Ausgabe?

Hallo,

Das ist die Method, die überprüft ob das Jahr ein Schaltjahr ist. Ich habe sie getestet und sie funktioniert richtig aber innehalb eine switch case statement doch nicht (Es wird immer true züruck gegeben) und deshalb wird die else Statement nie ausgeführt.

Ich verstehe es nicht wieso?

public static boolean schaltJahr(int year) {

if(year%400==0)

return true;

else if(year%100==0)

return false;

else if(year%4==0)

return true;

return false;

}

LG :)

...zur Frage

Else if Bedingung wird ignoriert?

Ich habe in meinem Programm (c++) eine if Bedingung und dabei noch else if Bedingungen. Die erste If Bedingung ist nur true, wenn alle 3 Angaben gleich sind. Die zweite else if Bedingung ist immer true und deswegen werden die anderen else if Bedingungen „ignoriert“. Mit einzelnen if Statements habe ich es auch schon probiert aber dann kriege ich 3 verschiedene Ausgaben.

cout <<„Geben Sie die erste Ziffer ein“;
cin >> Z1;
cout << endl;

cout <<„Geben Sie die zweite Ziffer ein“;
cin >> Z2;
cout << endl;

cout <<„Geben Sie die dritte Ziffer ein“;
cin >> Y1;
cout << endl;

cout <<„Geben Sie die vierte Ziffer ein“;
cin >> Y2;
cout << endl;

if ((Z1 == Z2)& (Y1 == Y2))
{
 cout << “Die Werte sind identisch“<<endl;
}

else if (Z1 > Z2)
{
cout << “Der erste Z-Wert ist größer“<<endl;
}

else if (Z2 > Z1)
{
cout << “Der zweite Z-Wert ist größer“<<endl;
}

else if (Y1 > Y2)
{
cout << “Der erste Y-Wert ist größer“<<endl;
}

else if (Y2 > Y1)
{
cout << “Der zweite Y-Wert ist größer“<<endl;
}

…

Weil die zweite Bedingung meistens erfüllt ist werden die anderen nicht ausgeführt. Wie kann ich das lösen?

Ps: Bin ein Anfänger wie man sieht

...zur Frage

Frage zu If anweisung in C#?

Hallo lies Forum,

nur eine einfache frage.. Ich kenne VB Programmierung da gibt es if else und end if

Gibt es bei C# auch end if ? Oder wie beendet man da eine if else anweisung ?

Vielen Dank !

...zur Frage

Warum geht dieser VBA-Code nicht?

Kann man keine If-Anweisungen in If-Anweisungen packen oder wieso geht der Code nicht?

Als Fehlermeldung kommt "Else ohne If" und das Else if ganz links am Rand wird markiert.

...zur Frage

Wie kann man eine If schleife mit meheren bedingungen erstellen?

Hallo user,

ich habe ein kleines problem mit einer if schleife die 2 bedingungen Prüfen soll.

If TextBox1.Text = "2" And TextBox2.Text = "2" Then CommandButton3.Visible = False Else: CommandButton3.Visible = True End If

Leider funktioniert das ganze nicht so wie ich will. Ich hoffe es kann mir jemand weiter helfen.

...zur Frage

C++ if else wird nicht ausgeführt?

Wenn eine Bedingung True ist werden die anderen nicht ausgeführt oder beachtet. Ich habe es auch ohne else versucht aber dann kriege ich mehrere Zeilen ausgegeben. Es sollen 2 Datumsangaben miteinander verglichen werden und es darf nur if else benutzt werden.
Code:

https://pastebin.com/vMcLB56B

...zur Frage

Gibt es ein Algorithmus um if else if Anweisungen in Java in switch case zu überführen?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen