kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-03-30 23:22:41 +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

47
Examples/UIExplorer/js/RefreshControlExample.js
View File

@@ -49,11 +49,12 @@ const styles = StyleSheet.create({
},
});
const Row = React.createClass({
_onClick: function() {
class Row extends React.Component {
_onClick = () => {
this.props.onClick(this.props.data);
},
render: function() {
};
render() {
return (
<TouchableWithoutFeedback onPress={this._onClick} >
<View style={styles.row}>
@@ -63,30 +64,26 @@ const Row = React.createClass({
</View>
</TouchableWithoutFeedback>
);
},
});
}
}
const RefreshControlExample = React.createClass({
statics: {
title: '<RefreshControl>',
description: 'Adds pull-to-refresh support to a scrollview.'
},
class RefreshControlExample extends React.Component {
static title = '<RefreshControl>';
static description = 'Adds pull-to-refresh support to a scrollview.';
getInitialState() {
return {
isRefreshing: false,
loaded: 0,
rowData: Array.from(new Array(20)).map(
(val, i) => ({text: 'Initial row ' + i, clicks: 0})),
};
},
state = {
isRefreshing: false,
loaded: 0,
rowData: Array.from(new Array(20)).map(
(val, i) => ({text: 'Initial row ' + i, clicks: 0})),
};
_onClick(row) {
_onClick = (row) => {
row.clicks++;
this.setState({
rowData: this.state.rowData,
});
},
};
render() {
const rows = this.state.rowData.map((row, ii) => {
@@ -109,9 +106,9 @@ const RefreshControlExample = React.createClass({
{rows}
</ScrollView>
);
},
}
_onRefresh() {
_onRefresh = () => {
this.setState({isRefreshing: true});
setTimeout(() => {
// prepend 10 items
@@ -128,7 +125,7 @@ const RefreshControlExample = React.createClass({
rowData: rowData,
});
}, 5000);
},
});
};
}
module.exports = RefreshControlExample;