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

50
Examples/UIExplorer/js/SegmentedControlIOSExample.js
View File

@@ -31,7 +31,7 @@ var {
StyleSheet
} = ReactNative;
var BasicSegmentedControlExample = React.createClass({
class BasicSegmentedControlExample extends React.Component {
render() {
return (
<View>
@@ -44,9 +44,9 @@ var BasicSegmentedControlExample = React.createClass({
</View>
);
}
});
}
var PreSelectedSegmentedControlExample = React.createClass({
class PreSelectedSegmentedControlExample extends React.Component {
render() {
return (
<View>
@@ -56,9 +56,9 @@ var PreSelectedSegmentedControlExample = React.createClass({
</View>
);
}
});
}
var MomentarySegmentedControlExample = React.createClass({
class MomentarySegmentedControlExample extends React.Component {
render() {
return (
<View>
@@ -68,9 +68,9 @@ var MomentarySegmentedControlExample = React.createClass({
</View>
);
}
});
}
var DisabledSegmentedControlExample = React.createClass({
class DisabledSegmentedControlExample extends React.Component {
render() {
return (
<View>
@@ -79,10 +79,10 @@ var DisabledSegmentedControlExample = React.createClass({
</View>
</View>
);
},
});
}
}
var ColorSegmentedControlExample = React.createClass({
class ColorSegmentedControlExample extends React.Component {
render() {
return (
<View>
@@ -94,17 +94,15 @@ var ColorSegmentedControlExample = React.createClass({
</View>
</View>
);
},
});
}
}
var EventSegmentedControlExample = React.createClass({
getInitialState() {
return {
values: ['One', 'Two', 'Three'],
value: 'Not selected',
selectedIndex: undefined
};
},
class EventSegmentedControlExample extends React.Component {
state = {
values: ['One', 'Two', 'Three'],
value: 'Not selected',
selectedIndex: undefined
};
render() {
return (
@@ -122,20 +120,20 @@ var EventSegmentedControlExample = React.createClass({
onValueChange={this._onValueChange} />
</View>
);
},
}
_onChange(event) {
_onChange = (event) => {
this.setState({
selectedIndex: event.nativeEvent.selectedSegmentIndex,
});
},
};
_onValueChange(value) {
_onValueChange = (value) => {
this.setState({
value: value,
});
}
});
};
}
var styles = StyleSheet.create({
text: {