diff --git a/react/react-tests.ts b/react/react-tests.ts index 25185867e..37380b23b 100644 --- a/react/react-tests.ts +++ b/react/react-tests.ts @@ -72,13 +72,23 @@ React.createClass(PropTypesSpecification); var mountNode: Element; -var HelloMessage = React.createClass({displayName: 'HelloMessage', +interface HelloMessageProps { + name: string; +} + +var HelloMessage = React.createClass({displayName: 'HelloMessage', render: function() { - return React.DOM.div(null, "Hello ", (>this).props.name); + return React.DOM.div(null, "Hello ", (>this).props.name); } }); -React.render(HelloMessage({name: "John"}), mountNode); +// This code - calling a component directly - is deprecated in v0.12 +// See http://fb.me/react-legacyfactory +React.render(HelloMessage({ name: "John" }), mountNode); + +// Create a factory instead +var HelloMessageFactory = React.createFactory(HelloMessage) +React.render(HelloMessageFactory({ name: "John" }), mountNode) var Timer = React.createClass({displayName: 'Timer', getInitialState: function() {