typescript开发react-native的简单示例代码

/** * Created by ZHOUZ on 2016-08-21. */ "use strict"; const React = require('react'); const react_native_1 = require('react-native'); const ArticleReadPage_1 = require('../page/ArticleReadPage'); const IndexUI_1 = require('../ui/IndexUI'); const ArticleModel_1 = require('../model/ArticleModel'); class IndexPage extends React.Component { constructor(props) { super(props); this.dataSource = null; this.dataSource = new react_native_1.ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2 }); this.state = { dataSource: this.dataSource.cloneWithRows([]) }; } _onPress() { let _this = this; const { navigator } = this.props; if (navigator) { navigator.push({ name: 'ArticleReadPage', component: ArticleReadPage_1.default, params: { id: this.state.id, //从SecondPageComponent获取user getUser: function (user) { _this.setState({ user: user }); } } }); } } render() { return IndexUI_1.default(this.state.dataSource, this); } componentDidMount() { ArticleModel_1.default.getList({ page: 1, size: 10, onResponse: (json) => { console.log("json", json); console.log("state", this.state); let newState = { dataSource: this.dataSource.cloneWithRows(json.data.List), }; react_native_1.ToastAndroid.show("DDDDDD", react_native_1.ToastAndroid.SHORT); console.log("state", this.state); this.setState(newState); }, onError: (e) => { react_native_1.ToastAndroid.show("error: " + e.toString(), react_native_1.ToastAndroid.LONG); } }); } } Object.defineProperty(exports, "__esModule", { value: true }); exports.default = IndexPage;