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

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/yd-react-native/3727.html