title: How to pass props of React component to styled component
body: <p>I am trying set the height of a styled component based on the <code>props</code> of the React component it is in.</p>
  
  <p>I tried the following:</p>
  
  <pre><code>const Styled = styled.div`
      height: ${props =&gt; props.height}
  `
  
  class Parent extends React.Component {
    render() {
        return (
            &lt;Styled height={this.props.height}/&gt;
        )
    }
  }
  </code></pre>
  
  <p>But somehow it doesn't work. Can somebody help me out? What is the best practice for what I am trying to do?</p>