title: How to use JSX spread attributes to pass arbitrary props to my controlled component?
body: <p>In a controlled component, how do I pass arbitrary props to the render function?  I think I need to make use of a constructor but I am getting "props is not defined" and other errors.</p>
  
  <pre><code>import * as React from 'react';
  import { View } from 'react-native';
  
  import styles from './Styles';
  
  export default class MyView extends React.Component {
  
    constructor(????) {
      // What do I do so I can use {...props} in the render function below?
    }
  
    render() { 
      return (
        &lt;View style={styles.wrap} {...props}&gt;
          &lt;View style={styles.main}&gt;
            {this.props.children}
          &lt;/View&gt;
        &lt;/View&gt;
      );
    }
  };
  </code></pre>
  
  <p>I want to be able to do...</p>
  
  <pre><code>&lt;MyView arbitraryprop="123" /&gt;
  </code></pre>
  
  <p>...and have arbitraryprop get passed to MyView::render().</p>