React Native移动开发实战-3-实现页面间的数据传递

React Native使用props来实现页面间数据传递和通信。在React Native中，有两种方式可以存储和传递数据：props（属性）以及state（状态），其中：

• props通常是在父组件中指定的，而且一经指定，在被指定的组件的生命周期中则不再改变。
• state通常是用于存储需要改变的数据，并且当state数据发生更新时，React Native会刷新界面。

了解了props与state的区别之后，读者应该知道，要将首页的数据传递到下一个页面，需要使用props。所以，修改home.js代码如下：

export default class home extends React.Component {
	// 这里省略了没有修改的代码

	_renderRow = (rowData, sectionID, rowID) => {
		return (
			<TouchableHighlight onPress={() => {
				const {navigator} = this.props; 			// 从props获取navigator
				if (navigator) {
					navigator.push({
						name: 'detail',
						component: Detail,
						params: {
							productTitle: rowData.title // 通过params传递props
						}
					});
				}
			}}>
				// 这里省略了没有修改的代码
			</TouchableHighlight>
		);
	}
}
<