1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 | 'use strict';
|
19 |
|
20 | var ReactCurrentOwner = require('./ReactCurrentOwner');
|
21 | var ReactComponentTreeHook = require('./ReactComponentTreeHook');
|
22 | var ReactElement = require('./ReactElement');
|
23 |
|
24 | var checkReactTypeSpec = require('./checkReactTypeSpec');
|
25 |
|
26 | var canDefineProperty = require('./canDefineProperty');
|
27 | var getIteratorFn = require('./getIteratorFn');
|
28 | var warning = require('fbjs/lib/warning');
|
29 |
|
30 | function getDeclarationErrorAddendum() {
|
31 | if (ReactCurrentOwner.current) {
|
32 | var name = ReactCurrentOwner.current.getName();
|
33 | if (name) {
|
34 | return ' Check the render method of `' + name + '`.';
|
35 | }
|
36 | }
|
37 | return '';
|
38 | }
|
39 |
|
40 |
|
41 |
|
42 |
|
43 |
|
44 |
|
45 | var ownerHasKeyUseWarning = {};
|
46 |
|
47 | function getCurrentComponentErrorInfo(parentType) {
|
48 | var info = getDeclarationErrorAddendum();
|
49 |
|
50 | if (!info) {
|
51 | var parentName = typeof parentType === 'string' ? parentType : parentType.displayName || parentType.name;
|
52 | if (parentName) {
|
53 | info = ' Check the top-level render call using <' + parentName + '>.';
|
54 | }
|
55 | }
|
56 | return info;
|
57 | }
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 |
|
69 |
|
70 | function validateExplicitKey(element, parentType) {
|
71 | if (!element._store || element._store.validated || element.key != null) {
|
72 | return;
|
73 | }
|
74 | element._store.validated = true;
|
75 |
|
76 | var memoizer = ownerHasKeyUseWarning.uniqueKey || (ownerHasKeyUseWarning.uniqueKey = {});
|
77 |
|
78 | var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
|
79 | if (memoizer[currentComponentErrorInfo]) {
|
80 | return;
|
81 | }
|
82 | memoizer[currentComponentErrorInfo] = true;
|
83 |
|
84 |
|
85 |
|
86 |
|
87 | var childOwner = '';
|
88 | if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
|
89 |
|
90 | childOwner = ' It was passed a child from ' + element._owner.getName() + '.';
|
91 | }
|
92 |
|
93 | process.env.NODE_ENV !== 'production' ? warning(false, 'Each child in an array or iterator should have a unique "key" prop.' + '%s%s See https://fb.me/react-warning-keys for more information.%s', currentComponentErrorInfo, childOwner, ReactComponentTreeHook.getCurrentStackAddendum(element)) : void 0;
|
94 | }
|
95 |
|
96 |
|
97 |
|
98 |
|
99 |
|
100 |
|
101 |
|
102 |
|
103 |
|
104 |
|
105 | function validateChildKeys(node, parentType) {
|
106 | if (typeof node !== 'object') {
|
107 | return;
|
108 | }
|
109 | if (Array.isArray(node)) {
|
110 | for (var i = 0; i < node.length; i++) {
|
111 | var child = node[i];
|
112 | if (ReactElement.isValidElement(child)) {
|
113 | validateExplicitKey(child, parentType);
|
114 | }
|
115 | }
|
116 | } else if (ReactElement.isValidElement(node)) {
|
117 |
|
118 | if (node._store) {
|
119 | node._store.validated = true;
|
120 | }
|
121 | } else if (node) {
|
122 | var iteratorFn = getIteratorFn(node);
|
123 |
|
124 | if (iteratorFn) {
|
125 | if (iteratorFn !== node.entries) {
|
126 | var iterator = iteratorFn.call(node);
|
127 | var step;
|
128 | while (!(step = iterator.next()).done) {
|
129 | if (ReactElement.isValidElement(step.value)) {
|
130 | validateExplicitKey(step.value, parentType);
|
131 | }
|
132 | }
|
133 | }
|
134 | }
|
135 | }
|
136 | }
|
137 |
|
138 |
|
139 |
|
140 |
|
141 |
|
142 |
|
143 |
|
144 | function validatePropTypes(element) {
|
145 | var componentClass = element.type;
|
146 | if (typeof componentClass !== 'function') {
|
147 | return;
|
148 | }
|
149 | var name = componentClass.displayName || componentClass.name;
|
150 | if (componentClass.propTypes) {
|
151 | checkReactTypeSpec(componentClass.propTypes, element.props, 'prop', name, element, null);
|
152 | }
|
153 | if (typeof componentClass.getDefaultProps === 'function') {
|
154 | process.env.NODE_ENV !== 'production' ? warning(componentClass.getDefaultProps.isReactClassApproved, 'getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.') : void 0;
|
155 | }
|
156 | }
|
157 |
|
158 | var ReactElementValidator = {
|
159 |
|
160 | createElement: function (type, props, children) {
|
161 | var validType = typeof type === 'string' || typeof type === 'function';
|
162 |
|
163 |
|
164 | if (!validType) {
|
165 | process.env.NODE_ENV !== 'production' ? warning(false, 'React.createElement: type should not be null, undefined, boolean, or ' + 'number. It should be a string (for DOM elements) or a ReactClass ' + '(for composite components).%s', getDeclarationErrorAddendum()) : void 0;
|
166 | }
|
167 |
|
168 | var element = ReactElement.createElement.apply(this, arguments);
|
169 |
|
170 |
|
171 |
|
172 | if (element == null) {
|
173 | return element;
|
174 | }
|
175 |
|
176 |
|
177 |
|
178 |
|
179 |
|
180 |
|
181 | if (validType) {
|
182 | for (var i = 2; i < arguments.length; i++) {
|
183 | validateChildKeys(arguments[i], type);
|
184 | }
|
185 | }
|
186 |
|
187 | validatePropTypes(element);
|
188 |
|
189 | return element;
|
190 | },
|
191 |
|
192 | createFactory: function (type) {
|
193 | var validatedFactory = ReactElementValidator.createElement.bind(null, type);
|
194 |
|
195 | validatedFactory.type = type;
|
196 |
|
197 | if (process.env.NODE_ENV !== 'production') {
|
198 | if (canDefineProperty) {
|
199 | Object.defineProperty(validatedFactory, 'type', {
|
200 | enumerable: false,
|
201 | get: function () {
|
202 | process.env.NODE_ENV !== 'production' ? warning(false, 'Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.') : void 0;
|
203 | Object.defineProperty(this, 'type', {
|
204 | value: type
|
205 | });
|
206 | return type;
|
207 | }
|
208 | });
|
209 | }
|
210 | }
|
211 |
|
212 | return validatedFactory;
|
213 | },
|
214 |
|
215 | cloneElement: function (element, props, children) {
|
216 | var newElement = ReactElement.cloneElement.apply(this, arguments);
|
217 | for (var i = 2; i < arguments.length; i++) {
|
218 | validateChildKeys(arguments[i], newElement.type);
|
219 | }
|
220 | validatePropTypes(newElement);
|
221 | return newElement;
|
222 | }
|
223 |
|
224 | };
|
225 |
|
226 | module.exports = ReactElementValidator; |
\ | No newline at end of file |