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>
);
}
}
<