From cbefc5a968cc7519e96404faae45d10b778e84fc Mon Sep 17 00:00:00 2001
From: Sebastian Markbage <sema@fb.com>
Date: Thu, 2 Jan 2014 18:30:39 -0800
Subject: [PATCH] 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.
---
 src/dom/components/ReactDOMButton.js   | 2 ++
 src/dom/components/ReactDOMForm.js     | 2 ++
 src/dom/components/ReactDOMInput.js    | 2 ++
 src/dom/components/ReactDOMOption.js   | 1 +
 src/dom/components/ReactDOMSelect.js   | 2 ++
 src/dom/components/ReactDOMTextarea.js | 2 ++
 6 files changed, 11 insertions(+)

diff --git a/src/dom/components/ReactDOMButton.js b/src/dom/components/ReactDOMButton.js
index 593a9cf196..dbf60c34dc 100644
--- a/src/dom/components/ReactDOMButton.js
+++ b/src/dom/components/ReactDOMButton.js
@@ -45,6 +45,8 @@ var mouseListenerNames = keyMirror({
  * when `disabled` is set.
  */
 var ReactDOMButton = ReactCompositeComponent.createClass({
+  displayName: 'ReactDOMButton',
+
   mixins: [AutoFocusMixin],
 
   render: function() {
diff --git a/src/dom/components/ReactDOMForm.js b/src/dom/components/ReactDOMForm.js
index e34c954d00..c45696084b 100644
--- a/src/dom/components/ReactDOMForm.js
+++ b/src/dom/components/ReactDOMForm.js
@@ -33,6 +33,8 @@ var form = ReactDOM.form;
  * composite component and use `componentDidMount` to attach the event handlers.
  */
 var ReactDOMForm = ReactCompositeComponent.createClass({
+  displayName: 'ReactDOMForm',
+
   render: function() {
     // TODO: Instead of using `ReactDOM` directly, we should use JSX. However,
     // `jshint` fails to parse JSX so in order for linting to work in the open
diff --git a/src/dom/components/ReactDOMInput.js b/src/dom/components/ReactDOMInput.js
index f1778b9790..125b0aab47 100644
--- a/src/dom/components/ReactDOMInput.js
+++ b/src/dom/components/ReactDOMInput.js
@@ -50,6 +50,8 @@ var instancesByReactID = {};
  * @see http://www.w3.org/TR/2012/WD-html5-20121025/the-input-element.html
  */
 var ReactDOMInput = ReactCompositeComponent.createClass({
+  displayName: 'ReactDOMInput',
+
   mixins: [LinkedValueMixin, AutoFocusMixin],
 
   getInitialState: function() {
diff --git a/src/dom/components/ReactDOMOption.js b/src/dom/components/ReactDOMOption.js
index f3a18cff58..63e703c1f6 100644
--- a/src/dom/components/ReactDOMOption.js
+++ b/src/dom/components/ReactDOMOption.js
@@ -28,6 +28,7 @@ var option = ReactDOM.option;
  * Implements an <option> native component that warns when `selected` is set.
  */
 var ReactDOMOption = ReactCompositeComponent.createClass({
+  displayName: 'ReactDOMOption',
 
   componentWillMount: function() {
     // TODO (yungsters): Remove support for `selected` in <option>.
diff --git a/src/dom/components/ReactDOMSelect.js b/src/dom/components/ReactDOMSelect.js
index fff960bfa1..140596ca6c 100644
--- a/src/dom/components/ReactDOMSelect.js
+++ b/src/dom/components/ReactDOMSelect.js
@@ -100,6 +100,8 @@ function updateOptions() {
  * selected.
  */
 var ReactDOMSelect = ReactCompositeComponent.createClass({
+  displayName: 'ReactDOMSelect',
+
   mixins: [LinkedValueMixin, AutoFocusMixin],
 
   propTypes: {
diff --git a/src/dom/components/ReactDOMTextarea.js b/src/dom/components/ReactDOMTextarea.js
index 9871ac7470..2dd599b724 100644
--- a/src/dom/components/ReactDOMTextarea.js
+++ b/src/dom/components/ReactDOMTextarea.js
@@ -46,6 +46,8 @@ var textarea = ReactDOM.textarea;
  * `defaultValue` if specified, or the children content (deprecated).
  */
 var ReactDOMTextarea = ReactCompositeComponent.createClass({
+  displayName: 'ReactDOMTextarea',
+
   mixins: [LinkedValueMixin, AutoFocusMixin],
 
   getInitialState: function() {