chevron_left

React Native 项目实战

未发布
第 15 回

课程辅导专享

React Native 项目实战 - 实现重新加载(子组件、props)

2025年06月05日更新
React Native 项目实战 购买课程辅导服务 39.9元

解锁课程讲义 / 课程辅导群 / 一对一远程协助 / 专享额外课程 / 超前学习权限

课程辅导 QQ 群:719841339

遇到问题,咨询客服 QQ: 124765984

注意,您现在浏览的是未发布的课程:
相关内容并不一定完善,而且随时可能会出现变更。
正式内容,请等待课程发布后再浏览。

第 15 回 实现重新加载(子组件、props)

介绍

不会给子组件传参?这节课就告诉你。

大家好,这里是东哥。您现在收看的是「长乐未央全栈系列:React Native 项目实战」课程的第 15 回:实现重新加载(子组件、props),在这节课里,我们将探讨:

  • 父组件如何传参给子组件?
  • 子组件里,如何调用父组件的函数?
  • 实现重新加载功能

重新加载功能

上节课,我们封装了网络错误组件。这节课,我们继续深入学习下React中组件的用法。

props 属性

NetworkError子组件里,有一个提示信息。

<Text style={styles.message}>抱歉,网络连接出错了!</Text>

这种提示信息,往往并不一定会写死在这里,很多时候会从父组件传过来。

打开App.js,在调用NetworkError这里,我们加一个title参数:

// 网络错误提示
if (error) {
  return <NetworkError title='🤪唉呀妈呀,网坏了,咋回事呢?'...

课程介绍

课程开发中,暂无介绍。

资源下载

※禁止在课程以外其他地方使用

Adsense 广告