title: Ternary operator always false despite state change
body: <p>I have a problem with a ternary operator in React, which is used inside a component to render content A or B depending on the state (passed as a prop).
  The ternary operator seems to always turn out false (null content), even when the prop/state changes.
  Here is the code :</p>
  
  <pre><code>class App extends Component {
    constructor(){
      super();
  
      this.state = {
        activeFooter: false
      }
  
      this.toggleFooter = this.toggleFooter.bind(this);
    }
  
      toggleFooter() {
        console.log("toggleFooter !")
        this.setState({ activeFooter: !this.state.activeFooter })
  
      }
  
  render() {  
   return (
  
   (...)
  
  &lt;Container className="footerContainer"&gt;
          &lt;Row&gt;
          &lt;Col xs="12"&gt;
  
            &lt;StickyFooter
              bottomThreshold={75}
              normalStyles={{
                backgroundColor:"#000",
                width:"100%",
              }}
              stickyStyles={{
                width:"100%",
                backgroundColor:"#000",
                color:"chartreuse",
                opacity:"1",
                borderTopColor: "#05ff57",
                borderWidth: "1px 0 0 0",
                borderStyle:"solid",
              }}
              fullFooter = {this.state.activeFooter}
              onFooterStateChange={this.toggleFooter}
              &gt;
  
                {this.props.fullFooter ? (
                &lt;div&gt;
                 &lt;Row className="footer"&gt;
                  &lt;Col className="footerCol" xs="4"&gt;
                    &lt;ContactModal className="modalContact"/&gt;
                  &lt;/Col&gt;
                  &lt;Col className="footerCol" xs="4"&gt;
                    &lt;i className="fas fa-arrow-up" onClick={this.scrollToTop}/&gt;
                  &lt;/Col&gt;
                  &lt;Col className="footerCol"  xs="4"&gt;
                    &lt;i className="fas fa-map-marker-alt"/&gt;
                  &lt;/Col&gt;
                &lt;/Row&gt;&lt;/div&gt; ) : null }
  
            &lt;/StickyFooter&gt;
  
            &lt;/Col&gt;
          &lt;/Row&gt;
            &lt;/Container&gt;
  )
  };
  </code></pre>
  
  <p>I'm guessing this is a problem with my ternary operator syntax and me being a bit newbish, but I fear it might be a more complex problem (re-rendering, component update not fired, or something along those lines.)</p>
  
  <p>Thanks in advance for any answer or nudge in the right direction !</p>