soulJF999 / dailyRecord

1 stars 0 forks source link

记录细小四十三 #43

Open soulJF999 opened 3 years ago

soulJF999 commented 3 years ago

白屏大概可能的原因有两种 1.js执行过程中的错误 2.资源错误 React-redux提供connect方法,用于从UI组件生成容器组件。connect的意思,就是这两种组件连起来。 connect接受两个参数,mapStateToProps和mapDispatchToProps。它们定义了UI组件的业务逻辑。前者负责输入逻辑,即将state映射到UI组件的参数(props),后者负责输出逻辑,即将用户对UI组件的操作映射成Action mapStateToProps是一个函数,它接受state作为参数,返回一个对象。 mapStateToProps会订阅store,每当state更新时,就会自动执行,重新计算UI组件的参数,从而触发UI组件的重新渲染。 mapDispatchToProps是connect函数的第二个参数,用来建立UI组件的参数到store.dispatch方法的映射。也就是说,它定义了哪些用户的操作应该当作Action,传给Store。它可以是一个函数,也可以是一个对象。

connect方法生成容器组件以后,需要让容器组件拿到state对象,才能生成UI组件的参数。 react-redux提供provider组件,可以让容器组件拿到state。