December 2017
Intermediate to advanced
329 pages
6h 9m
Chinese
Content preview from React学习手册
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
React Redux
｜
219
<Provider store={store}>
<App />
</Provider>,
document.getElementById('react-container')
)
Provider
要求用户将
Store
作为一个属性进行传递。它会将
Store
添加到上下文，以便
App
组件的任意子组件能够访问它。采用
Provider
之后可以节省我们的时间，并且还能
简化代码。
一旦我们集成了
Provider
，用户就可以在子容器组件中通过上下文访问
Store
了。不过
React Redux
为用户提供了另外一种配合
Provider
快速创建容器组件的方法，即
connect
函数。
React Redux
的
connect
函数
如果我们希望确保
UI
组件是纯粹的表现层，可以借助
React Redux
创建容器组件。
React Redux
可以通过将
Redux
的
Store
中当前
State
映射为表现层组件的属性来创建容
器组件。它还可以将
Store
的
dispatch
函数映射成回调属性。这一切都是通过一个名为
connect
的高阶函数完成的。
接下来将使用
connect
函数创建
Colors
容器组件。
Colors
容器会将
ColorList
组件连接
到
Store
：
import ColorList from './ColorList'
const mapStateToProps = state =>
({
colors: [...state.colors].sort(sortFunction(state.sort)) ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.