2017-01-29 6 views
2

Ich habe eine Komponente, die rendert, wenn einige Bedingungen erfüllt sind, andernfalls gibt null zurück.Ermitteln, ob die react-Komponente null ist

Ich würde gerne wissen, wie man feststellen kann, ob die Komponente null von seinem Elternteil zurückgibt.

Ich habe versucht, die Komponente zu protokollieren, um zu sehen, welche Eigenschaften sich ändern, wenn es gerendert wird oder null zurückgegeben wird, aber keinen Unterschied erkennen kann.

Irgendwelche Vorschläge?

+0

neugierig, * warum * Sie 'null' von einem Elternteil bestimmen wollen? –

+0

In meiner App habe ich Ich möchte feststellen, ob die Einstellungen bar rendert. Wenn es null zurückgibt, muss ich der Content-Komponente einen Padding hinzufügen, damit die Navigationsleiste den Inhalt nicht überlappt. Wenn die Einstellungsleiste angezeigt wird, ist das Auffüllen nicht erforderlich. Ich habe das Problem vorerst gelöst, indem ich einen Abstandhalter die Höhe der Navigationsleiste aus der Einstellungs-Komponente anstelle von null zurückgebe, aber ich habe beschlossen, diese Frage zu stellen, da es praktisch sein könnte zu wissen, wie ich das mache . –

+0

Sie können eine Sache tun, eine ID oder className zuweisen, dann mit getElementById oder Klasse u überprüfen, wie viele Kinder es hat, im Falle von Null wird es nichts haben, ich denke, es sollte funktionieren. –

Antwort

0

Verwenden Sie eine Variable;

render() { 
 
    let settings = (<Settings... />); 
 
    if (settings) not null; 
 
    else null; 
 
    return (
 
    <div> 
 
     ... 
 
     {settings} 
 
     ... 
 
    </div> 
 
) 
 
}

Verwandte Themen