title: "ScrollView" like component in React JS?
body: <p>I am displaying search results in my app as an unordered list. This works fine when there are like 5 search results, but as soon as I start getting 10-20 results, the list starts growing more and more down the page. I would like to avoid having to scroll down in the entire webpage just to see the contents lower in the list. Is there something like a scroll view where I can define a certain height and then users can scroll inside of the container?</p>
  
  <p>My current code:</p>
  
  <pre><code>class SearchResults extends Component {
      render() {
          return (
              &lt;div style={styles.wrapperDiv}&gt;
                  &lt;div style={styles.resultsLeft}&gt;
                      &lt;ul style = {{ listStyleType: "none" }}&gt;
                          &lt;Result results={this.props.results}/&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
                  &lt;div style={styles.mapRight}&gt;
                      &lt;GoogleMap/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          );
      }
  }
  </code></pre>