Skip to content

Commit d78e2ca

Browse files
committed
fix: remove React.createClass deprecation warnings
Replaces React.createClass with create-react-class module Accessing createClass via the main React package is deprecated, and will be removed in React v16.0. https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html#migrating-from-react.createclass
1 parent d8341ec commit d78e2ca

File tree

6 files changed

+12
-6
lines changed

6 files changed

+12
-6
lines changed

example/demo.jsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ require('./demo.css')
22

33
var React = require('react')
44
var ReactDOM = require('react-dom')
5+
var createReactClass = require('create-react-class')
56
var ReactPivot = require('..')
67

78
var gh = require('./gh.jsx')
@@ -51,7 +52,7 @@ var calculations = [
5152
}
5253
]
5354

54-
var Demo = React.createClass({
55+
var Demo = createReactClass({
5556
getInitialState: function() {
5657
return {showInput: false}
5758
},

index.jsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ var _ = {
44
find: require('lodash/find')
55
}
66
var React = require('react')
7+
var createReactClass = require('create-react-class')
78
var DataFrame = require('dataframe')
89
var Emitter = require('wildemitter')
910

@@ -14,7 +15,7 @@ var PivotTable = require('./lib/pivot-table.jsx')
1415
var Dimensions = require('./lib/dimensions.jsx')
1516
var ColumnControl = require('./lib/column-control.jsx')
1617

17-
module.exports = React.createClass({
18+
module.exports = createReactClass({
1819
displayName: 'ReactPivot',
1920
getDefaultProps: function() {
2021
return {

lib/column-control.jsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
var _ = { without: require('lodash/without') }
22
var React = require('react')
3+
var createReactClass = require('create-react-class')
34

4-
module.exports = React.createClass({
5+
module.exports = createReactClass({
56
getDefaultProps: function () {
67
return {
78
hiddenColumns: [],

lib/dimensions.jsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
var _ = { compact: require('lodash/compact') }
22
var React = require('react')
3+
var createReactClass = require('create-react-class')
34
var partial = require('./partial')
45

5-
module.exports = React.createClass({
6+
module.exports = createReactClass({
67
getDefaultProps: function () {
78
return {
89
dimensions: [],

lib/pivot-table.jsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
var _ = { range: require('lodash/range') }
22
var React = require('react')
3+
var createReactClass = require('create-react-class')
34
var partial = require('./partial')
45
var getValue = require('./get-value')
56

6-
module.exports = React.createClass({
7+
module.exports = createReactClass({
78

89
getDefaultProps: function () {
910
return {

package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,11 +15,12 @@
1515
"url": "https://github.com/davidguttman/react-pivot/issues"
1616
},
1717
"dependencies": {
18+
"create-react-class": "^15.6.0",
1819
"cssify": "^0.7.0",
1920
"dataframe": "^1.3.0",
2021
"envify": "^3.2.0",
2122
"lodash": "^4.1.0",
22-
"react": ">=0.12.2",
23+
"react": "^0.14.7",
2324
"react-dom": "^0.14.7",
2425
"reactify": "^1.0.0",
2526
"wildemitter": "^1.0.1",

0 commit comments

Comments
 (0)