kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-03-29 22:41:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

Convert from React.createClass to ES6 classes

Browse Source 
Reviewed By: cpojer

Differential Revision: D3619143

fbshipit-source-id: e14e81468d467437ee3d79c34c34b7780a46ca1c
This commit is contained in:
Ben Alpert
2016-07-26 01:00:02 -07:00
committed by Facebook Github Bot 8
parent 857d2b8eae
commit a2fb703bbb
133 changed files with 2124 additions and 2191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
Examples/UIExplorer/js/TextInputExample.ios.js
View File

@@ -31,8 +31,8 @@ var {
StyleSheet,
} = ReactNative;
var WithLabel = React.createClass({
render: function() {
class WithLabel extends React.Component {
render() {
return (
<View style={styles.labelContainer}>
<View style={styles.label}>
@@ -41,20 +41,18 @@ var WithLabel = React.createClass({
{this.props.children}
</View>
);
},
});
}
}
var TextEventsExample = React.createClass({
getInitialState: function() {
return {
curText: '<No Event>',
prevText: '<No Event>',
prev2Text: '<No Event>',
prev3Text: '<No Event>',
};
},
class TextEventsExample extends React.Component {
state = {
curText: '<No Event>',
prevText: '<No Event>',
prev2Text: '<No Event>',
prev3Text: '<No Event>',
};
updateText: function(text) {
updateText = (text) => {
this.setState((state) => {
return {
curText: text,
@@ -63,9 +61,9 @@ var TextEventsExample = React.createClass({
prev3Text: state.prev2Text,
};
});
},
};
render: function() {
render() {
return (
<View>
<TextInput
@@ -102,7 +100,7 @@ var TextEventsExample = React.createClass({
</View>
);
}
});
}
class AutoExpandingTextInput extends React.Component {
state: any;
@@ -242,12 +240,12 @@ class TokenizedTextExample extends React.Component {
}
}
var BlurOnSubmitExample = React.createClass({
focusNextField(nextField) {
class BlurOnSubmitExample extends React.Component {
focusNextField = (nextField) => {
this.refs[nextField].focus();
},
};
render: function() {
render() {
return (
<View>
<TextInput
@@ -294,7 +292,7 @@ var BlurOnSubmitExample = React.createClass({
</View>
);
}
});
}
var styles = StyleSheet.create({
page: {