Extend component

React 0.14 rc1 gives warnings if React.Component
isn't extendend. See https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html#new-deprecations-introduced-with-a-warning
This commit is contained in:
chriskjaer 2015-09-11 11:59:05 +02:00
parent 1d41c808a1
commit 134098d2be
3 changed files with 8 additions and 7 deletions

View File

@ -1,4 +1,4 @@
import React, { PropTypes } from 'react'; import React, { PropTypes, Component } from 'react';
export function getDefaultStyle(props) { export function getDefaultStyle(props) {
let { left, right, bottom, top } = props; let { left, right, bottom, top } = props;
@ -28,7 +28,7 @@ export function getDefaultStyle(props) {
}; };
} }
export default class DebugPanel { export default class DebugPanel extends Component {
static propTypes = { static propTypes = {
left: PropTypes.bool, left: PropTypes.bool,
right: PropTypes.bool, right: PropTypes.bool,

View File

@ -1,4 +1,4 @@
import React, { PropTypes, findDOMNode } from 'react'; import React, { PropTypes, findDOMNode, Component } from 'react';
import LogMonitorEntry from './LogMonitorEntry'; import LogMonitorEntry from './LogMonitorEntry';
import LogMonitorButton from './LogMonitorButton'; import LogMonitorButton from './LogMonitorButton';
import * as themes from './themes'; import * as themes from './themes';
@ -32,8 +32,9 @@ const styles = {
} }
}; };
export default class LogMonitor { export default class LogMonitor extends Component {
constructor() { constructor(props) {
super(props)
if (typeof window !== 'undefined') { if (typeof window !== 'undefined') {
window.addEventListener('keydown', ::this.handleKeyPress); window.addEventListener('keydown', ::this.handleKeyPress);
} }

View File

@ -1,4 +1,4 @@
import React, { PropTypes } from 'react'; import React, { PropTypes, Component } from 'react';
import JSONTree from 'react-json-tree'; import JSONTree from 'react-json-tree';
import LogMonitorEntryAction from './LogMonitorEntryAction'; import LogMonitorEntryAction from './LogMonitorEntryAction';
@ -12,7 +12,7 @@ const styles = {
} }
}; };
export default class LogMonitorEntry { export default class LogMonitorEntry extends Component {
static propTypes = { static propTypes = {
index: PropTypes.number.isRequired, index: PropTypes.number.isRequired,
state: PropTypes.object.isRequired, state: PropTypes.object.isRequired,