add 43-textarea-controlled-componet.md

Author: Bunlong

_data/navigation.yml

@@ -102,6 +102,8 @@ docs:
     children:
       - title: "What is Controlled Component?"
         url: /what-is-controlled-component
+      - title: "Textarea"
+        url: /textarea-controlled-componet
       # - title: "Installation"
       #   url: /install-create-react-app
       # - title: "Structure"

_docs/42-what-is-controlled-component.md

@@ -2,7 +2,7 @@
 title: "What is Controlled Component?"
 permalink: /what-is-controlled-component
 excerpt: "What is Controlled Component? - Learn React"
-last_modified_at: 2018-05-21T15:58:49-04:00
+last_modified_at: 2018-05-23T15:58:49-04:00
 ---
 
 A Controlled Component is one that takes its current value through state and notifies changes through callbacks like `onChange`.

_docs/43-textarea-controlled-componet.md

@@ -0,0 +1,21 @@
+---
+title: "Textarea"
+permalink: /textarea-controlled-componet
+excerpt: "React Forms Textarea Controlled Component - Learn React"
+last_modified_at: 2018-05-23T15:58:49-04:00
+---
+
+In HTML, a `<textarea>` form element defines its text by its children.
+
+```javascript
+<textarea>
+  Some text in a text area
+</textarea>
+```
+
+In React, a `<textarea>` form element uses a value attribute instead. This way, a form using a `<textarea>` can be written very similarly to a form that uses a `<input>` form element.
+
+<p data-height="265" data-theme-id="0" data-slug-hash="BxEJVq" data-default-tab="js,result" data-user="Bunlong" data-embed-version="2" data-pen-title="BxEJVq" class="codepen">See the Pen <a href="https://codepen.io/Bunlong/pen/BxEJVq/">BxEJVq</a> by Bunlong (<a href="https://codepen.io/Bunlong">@Bunlong</a>) on <a href="https://codepen.io">CodePen</a>.</p>
+<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
+
+Note: `this.state.value` is initialized in the constructor, so that the text area starts off with some text in it.

_site/index.html

@@ -31,7 +31,7 @@
 
 
 
-  <meta property="article:published_time" content="2018-05-23T14:20:48+07:00">
+  <meta property="article:published_time" content="2018-05-23T15:09:44+07:00">
 
 
 
@@ -608,6 +608,14 @@
 
             <li><a href="/what-is-controlled-component" class="">What is Controlled Component?</a></li>
 
+            
+            
+
+            
+            
+
+            <li><a href="/textarea-controlled-componet" class="">Textarea</a></li>
+          
         </ul>
 
       </li>

_site/sitemap.xml

@@ -166,7 +166,11 @@
 </url>
 <url>
 <loc>/what-is-controlled-component</loc>
-<lastmod>2018-05-22T02:58:49+07:00</lastmod>
+<lastmod>2018-05-24T02:58:49+07:00</lastmod>
+</url>
+<url>
+<loc>/textarea-controlled-componet</loc>
+<lastmod>2018-05-24T02:58:49+07:00</lastmod>
 </url>
 <url>
 <loc>/</loc>