From b623bf43a098fece9beb7a49f1a113e15735fbd9 Mon Sep 17 00:00:00 2001
From: Clark Du <clark.duxin@gmail.com>
Date: Mon, 16 Oct 2017 18:46:24 +0700
Subject: [PATCH] Use value on <select> instead of setting selected on <option>
 (#11206)

---
 fixtures/attribute-behavior/src/App.js | 26 ++++++++------------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/fixtures/attribute-behavior/src/App.js b/fixtures/attribute-behavior/src/App.js
index c682b73aae..6d1ed959c0 100644
--- a/fixtures/attribute-behavior/src/App.js
+++ b/fixtures/attribute-behavior/src/App.js
@@ -958,35 +958,25 @@ class App extends React.Component {
     return (
       <div>
         <div>
-          <select onChange={this.onUpdateSort}>
-            <option
-              selected={this.state.sortOrder === ALPHABETICAL}
-              value={ALPHABETICAL}>
+          <select value={this.state.sortOrder} onChange={this.onUpdateSort}>
+            <option value={ALPHABETICAL}>
               alphabetical
             </option>
-            <option
-              selected={this.state.sortOrder === REV_ALPHABETICAL}
-              value={REV_ALPHABETICAL}>
+            <option value={REV_ALPHABETICAL}>
               reverse alphabetical
             </option>
-            <option
-              selected={this.state.sortOrder === GROUPED_BY_ROW_PATTERN}
-              value={GROUPED_BY_ROW_PATTERN}>
+            <option value={GROUPED_BY_ROW_PATTERN}>
               grouped by row pattern :)
             </option>
           </select>
-          <select onChange={this.onUpdateFilter}>
-            <option selected={this.state.sortOrder === ALL} value={ALL}>
+          <select value={this.state.filter} onChange={this.onUpdateFilter}>
+            <option value={ALL}>
               all
             </option>
-            <option
-              selected={this.state.sortOrder === INCOMPLETE}
-              value={INCOMPLETE}>
+            <option value={INCOMPLETE}>
               incomplete
             </option>
-            <option
-              selected={this.state.sortOrder === COMPLETE}
-              value={COMPLETE}>
+            <option value={COMPLETE}>
               complete
             </option>
           </select>