Use requireNativeComponent in website landing page example.

facebook · Apr 22, 2015 · bd165e8 · bd165e8 · brentvatne · Apr 22, 2015
1 parent 8529b7b
commit bd165e8
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/website/src/react-native/index.js b/website/src/react-native/index.js
@@ -226,10 +226,20 @@ RCT_EXPORT_VIEW_PROPERTY(myCustomProperty);
           <Prism>
 {`// JavaScript
 
-module.exports = createReactIOSNativeComponentClass({
-  validAttributes: { myCustomProperty: true },
-  uiViewClassName: 'MyCustomView',
-});`}
+var React = require('react-native');
+var { requireNativeComponent } = React;
+
+class MyCustomView extends React.Component {
+  render() {
+    return <NativeMyCustomView {...this.props} />;
+  }
+}
+MyCustomView.propTypes = {
+  myCustomProperty: React.PropTypes.oneOf(['a', 'b']),
+};
+
+var NativeMyCustomView = requireNativeComponent('MyCustomView', MyCustomView);
+module.exports = MyCustomView;`}
           </Prism>
           </div>
           <section className="home-bottom-section">