Skip to content

Commit 077d2f8

Browse files
rikukissaEvan Jacobs
authored andcommitted
Make module compatible with newer versions of React
* Replace this.transferPropsTo with React.createElement - https://gist.github.com/sebmarkbage/a6e220b7097eb3c79ab7 * Replace React.DOM.input and React.DOM.textarea with strings
1 parent 0440f10 commit 077d2f8

File tree

3 files changed

+9
-7
lines changed

3 files changed

+9
-7
lines changed

dist/react-input-placeholder.js

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,8 @@ var createShimmedElement = function(React, elementConstructor, name) {
8282
},
8383

8484
render: function() {
85-
var element = this.transferPropsTo(elementConstructor());
85+
var element = React.createElement(elementConstructor, this.props, this.props.children);
86+
8687
if (this.needsPlaceholding) {
8788
// override valueLink and event handlers
8889
element.props.onFocus = this.onFocus;
@@ -109,8 +110,8 @@ var createShimmedElement = function(React, elementConstructor, name) {
109110

110111
module.exports = function(React) {
111112
return {
112-
Input: createShimmedElement(React, React.DOM.input, 'Input'),
113-
Textarea: createShimmedElement(React, React.DOM.textarea, 'Textarea')
113+
Input: createShimmedElement(React, 'input', 'Input'),
114+
Textarea: createShimmedElement(React, 'textarea', 'Textarea')
114115
};
115116
};
116117

dist/react-input-placeholder.min.js

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/react-input-placeholder.js

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,8 @@ var createShimmedElement = function(React, elementConstructor, name) {
8181
},
8282

8383
render: function() {
84-
var element = this.transferPropsTo(elementConstructor());
84+
var element = React.createElement(elementConstructor, this.props, this.props.children);
85+
8586
if (this.needsPlaceholding) {
8687
// override valueLink and event handlers
8788
element.props.onFocus = this.onFocus;
@@ -108,7 +109,7 @@ var createShimmedElement = function(React, elementConstructor, name) {
108109

109110
module.exports = function(React) {
110111
return {
111-
Input: createShimmedElement(React, React.DOM.input, 'Input'),
112-
Textarea: createShimmedElement(React, React.DOM.textarea, 'Textarea')
112+
Input: createShimmedElement(React, 'input', 'Input'),
113+
Textarea: createShimmedElement(React, 'textarea', 'Textarea')
113114
};
114115
};

0 commit comments

Comments
 (0)