File tree Expand file tree Collapse file tree 1 file changed +26
-20
lines changed Expand file tree Collapse file tree 1 file changed +26
-20
lines changed Original file line number Diff line number Diff line change @@ -156,25 +156,6 @@ React.render((
156
156
{() => < App / > }
157
157
< / Provider>
158
158
), targetEl);
159
-
160
- // or, if you use React Router 0.13,
161
-
162
- // Router.run(routes, Router.HistoryLocation, (Handler) => {
163
- // React.render(
164
- // <Provider store={store}>
165
- // {() => <Handler />}
166
- // </Provider>,
167
- // targetEl
168
- // );
169
- // });
170
-
171
- // or, if you use React Router 1.0,
172
- // React.render(
173
- // <Provider store={store}>
174
- // {() => <Router history={history}>...</Router>}
175
- // </Provider>,
176
- // targetEl
177
- // );
178
159
```
179
160
180
161
## API
@@ -191,8 +172,9 @@ You can’t use `connect()` without wrapping the root component in `<Provider>`.
191
172
192
173
#### Example
193
174
175
+ ##### Vanilla React
176
+
194
177
``` js
195
- // Make store available to connect() below in hierarchy
196
178
React .render (
197
179
< Provider store= {store}>
198
180
{() => < MyRootComponent> }
@@ -201,6 +183,30 @@ React.render(
201
183
);
202
184
```
203
185
186
+ ##### React Router 0.13
187
+
188
+ ``` js
189
+ Router .run (routes, Router .HistoryLocation , (Handler ) => {
190
+ React .render (
191
+ < Provider store= {store}>
192
+ {() => < Handler / > }
193
+ < / Provider> ,
194
+ targetEl
195
+ );
196
+ });
197
+ ```
198
+
199
+ ##### React Router 1.0
200
+
201
+ ``` js
202
+ React .render (
203
+ < Provider store= {store}>
204
+ {() => < Router history= {history}> ... < / Router> }
205
+ < / Provider> ,
206
+ targetEl
207
+ );
208
+ ```
209
+
204
210
### ` connect([mapState], [mapDispatch], [mergeProps])(Component) `
205
211
206
212
Connects a React component to a Redux store.
You can’t perform that action at this time.
0 commit comments