I need to render my components with conditional rendering. I am applying a <code>or ( || )</code> operator for applying a condition. But the condition is not working anyhow. 
<pre><code>{ pathName !== '/login' || pathName !== '/signup' || pathName !== '/account' &amp;&amp;
 &lt;Footer /&gt;
}
</code></pre>I have also wrap the conditions in the round brackets but then also it is not working. 
<pre><code>{ [(pathName !== '/login') || (pathName !== '/signup') || (pathName !== '/account')] &amp;&amp;
 &lt;Footer /&gt;
}
</code></pre>Please let me know what i am doing wrong. ?

I need to render my components with conditional rendering. I am applying a ` or ( || )` operator for applying a condition. But the condition is not working anyhow. 


```
{ pathName !== '/login' || pathName !== '/signup' || pathName !== '/account' &&
 <Footer />
} 
``` 
I have also wrap the conditions in the round brackets but then also it is not working. 


```
{ [(pathName !== '/login') || (pathName !== '/signup') || (pathName !== '/account')] &&
 <Footer />
} 
``` 
Please let me know what i am doing wrong. ?

React: Multiple or ( || ) operator rendering not working.

Product

Explore

Company

Blogs

Support