diff --git a/src/components/Touchable/TouchableHighlight.js b/src/components/Touchable/TouchableHighlight.js
index b5713324..e33561a7 100644
--- a/src/components/Touchable/TouchableHighlight.js
+++ b/src/components/Touchable/TouchableHighlight.js
@@ -93,21 +93,22 @@ var TouchableHighlight = React.createClass({
   getDefaultProps: () => DEFAULT_PROPS,
 
   // Performance optimization to avoid constantly re-generating these objects.
-  computeSyntheticState: function(props) {
+  computeSyntheticState: (props) => {
+    const { activeOpacity, style, underlayColor } = props;
     return {
       activeProps: {
         style: {
-          opacity: props.activeOpacity,
+          opacity: activeOpacity,
         }
       },
       activeUnderlayProps: {
         style: {
-          backgroundColor: props.underlayColor,
+          backgroundColor: underlayColor,
         }
       },
       underlayProps: {
         style: {
-          backgroundColor: props.style.backgroundColor || null
+          backgroundColor: style && style.backgroundColor || null
         }
       }
     };