Add display names to controlled components
These show up as Unknown in the DevTools. They also wrap a native component, so they show up double.
Sebastian Markbage committed
Jan 2, 2014 at 18:30 UTC
cbefc5a968cc7519e96404faae45d10b778e84fc
6 files changed
+11
src/dom/components/ReactDOMButton.js
+2
@@ -45,6 +45,8 @@ var mouseListenerNames = keyMirror({
45
* when `disabled` is set.
46
*/
47
var ReactDOMButton = ReactCompositeComponent.createClass({
48
+ displayName: 'ReactDOMButton',
49
+
50
mixins: [AutoFocusMixin],
51
52
render: function() {
src/dom/components/ReactDOMForm.js
+2
@@ -33,6 +33,8 @@ var form = ReactDOM.form;
33
* composite component and use `componentDidMount` to attach the event handlers.
34
*/
35
var ReactDOMForm = ReactCompositeComponent.createClass({
36
+ displayName: 'ReactDOMForm',
37
+
38
render: function() {
39
// TODO: Instead of using `ReactDOM` directly, we should use JSX. However,
40
// `jshint` fails to parse JSX so in order for linting to work in the open
src/dom/components/ReactDOMInput.js
+2
@@ -50,6 +50,8 @@ var instancesByReactID = {};
50
* @see http://www.w3.org/TR/2012/WD-html5-20121025/the-input-element.html
51
*/
52
var ReactDOMInput = ReactCompositeComponent.createClass({
53
+ displayName: 'ReactDOMInput',
54
+
55
mixins: [LinkedValueMixin, AutoFocusMixin],
56
57
getInitialState: function() {
src/dom/components/ReactDOMOption.js
+1
@@ -28,6 +28,7 @@ var option = ReactDOM.option;
28
* Implements an <option> native component that warns when `selected` is set.
29
*/
30
var ReactDOMOption = ReactCompositeComponent.createClass({
31
+ displayName: 'ReactDOMOption',
32
33
componentWillMount: function() {
34
// TODO (yungsters): Remove support for `selected` in <option>.
src/dom/components/ReactDOMSelect.js
+2
@@ -100,6 +100,8 @@ function updateOptions() {
100
* selected.
101
*/
102
var ReactDOMSelect = ReactCompositeComponent.createClass({
103
+ displayName: 'ReactDOMSelect',
104
+
105
mixins: [LinkedValueMixin, AutoFocusMixin],
106
107
propTypes: {
src/dom/components/ReactDOMTextarea.js
+2
@@ -46,6 +46,8 @@ var textarea = ReactDOM.textarea;
46
* `defaultValue` if specified, or the children content (deprecated).
47
*/
48
var ReactDOMTextarea = ReactCompositeComponent.createClass({
49
+ displayName: 'ReactDOMTextarea',
50
+
51
mixins: [LinkedValueMixin, AutoFocusMixin],
52
53
getInitialState: function() {