Add example for how to use style properly

Test Plan: jest
gicappa · Nov 21, 2014 · 1c54431 · 1c54431
1 parent 68ba3b6
commit 1c54431
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/browser/ui/ReactDOMComponent.js b/src/browser/ui/ReactDOMComponent.js
@@ -69,7 +69,8 @@ function assertValidProps(props) {
   invariant(
     props.style == null || typeof props.style === 'object',
     'The `style` prop expects a mapping from style properties to values, ' +
-    'not a string.'
+    'not a string. For example, style={{marginRight: spacing + \'em\'}} when ' +
+    'using JSX.'
   );
 }
 

diff --git a/src/browser/ui/__tests__/ReactDOMComponent-test.js b/src/browser/ui/__tests__/ReactDOMComponent-test.js
@@ -353,7 +353,8 @@ describe('ReactDOMComponent', function() {
         mountComponent({ style: 'display: none' });
       }).toThrow(
         'Invariant Violation: The `style` prop expects a mapping from style ' +
-        'properties to values, not a string.'
+        'properties to values, not a string. For example, ' +
+        'style={{marginRight: spacing + \'em\'}} when using JSX.'
       );
     });
   });
@@ -398,7 +399,8 @@ describe('ReactDOMComponent', function() {
         React.render(<div style={1}></div>, container);
       }).toThrow(
         'Invariant Violation: The `style` prop expects a mapping from style ' +
-        'properties to values, not a string.'
+        'properties to values, not a string. For example, ' +
+        'style={{marginRight: spacing + \'em\'}} when using JSX.'
       );
     });
   });