mirror of
https://github.com/status-im/react-native.git
synced 2025-01-17 21:11:45 +00:00
fb7fe2d4e8
Summary:
This does 2 things:
- modernize the component to use ES6 + flow
- assign `rootTag` to the child context
Each view in RN has its own `reactTag`. The reactTag for a root view is called `rootTag`. When there are multiple react root views active within the app (e.g. in a hybrid environment), rootTag is the only reliable "label" to differentiate them. This is especially useful when we want to limit an event/activity on a particular root view, instead of affecting all active root views. This allows components to do:
```
class Foo extends React.Component {
static contextTypes = {
rootTag: React.PropTypes.number,
};
componentDidMount() {
// Get the root tag of this component, which is static for all components under the same root view
console.log(this.context.rootTag);
}
}
```
In a pure JS RN app environment, there will always be exactly 1 root view, so `rootTag` may usually be ignored.
Reviewed By: yungsters
Differential Revision: D4130376
fbshipit-source-id: 559b67615f487bad754b5832ad4a02bcef05be2a
45 lines
1.1 KiB
JavaScript
45 lines
1.1 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule renderApplication
|
|
* @flow
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
var AppContainer = require('AppContainer');
|
|
var React = require('React');
|
|
var ReactNative = require('ReactNative');
|
|
|
|
var invariant = require('fbjs/lib/invariant');
|
|
|
|
// require BackAndroid so it sets the default handler that exits the app if no listeners respond
|
|
require('BackAndroid');
|
|
|
|
function renderApplication<Props>(
|
|
RootComponent: ReactClass<Props>,
|
|
initialProps: Props,
|
|
rootTag: any
|
|
) {
|
|
invariant(
|
|
rootTag,
|
|
'Expect to have a valid rootTag, instead got ', rootTag
|
|
);
|
|
ReactNative.render(
|
|
<AppContainer rootTag={rootTag}>
|
|
<RootComponent
|
|
{...initialProps}
|
|
rootTag={rootTag}
|
|
/>
|
|
</AppContainer>,
|
|
rootTag
|
|
);
|
|
}
|
|
|
|
module.exports = renderApplication;
|