title: Will a stateless component re-render if its props have not changed?
body: <p>One thing I had learned about React is that if the props to a component don’t change, then React doesn’t bother re-rendering the component. Is that true for stateless components too? Or do they behave more like “stupid” functions and get executed every time?</p>
  
  <p>For example, if I had:</p>
  
  <pre><code>import StatelessComponent from '../StatelessComponent';
  
  export default class DocumentsTable extends React.Component {
    state = {
      something: 'foobar',
    };
  
    render() {
      return (
        &lt;div&gt;
          { this.state.something }
          &lt;StatelessComponent theOnlyProp='baz'&gt;
        &lt;/div&gt;
      )
    }
  };
  </code></pre>
  
  <p>When <code>this.state.something</code> updates its value, does <code>&lt;StatelessComponent&gt;</code> get re-rendered? Or is it “smart” enough to see that its props didn’t change, like other React components?</p>