鍍金池/ 問答/HTML/ 關(guān)于Warning問題 reactjs

關(guān)于Warning問題 reactjs

控制臺提示下面一段Warning，請問這個Warning該怎么解決呢
Use the defaultValue or value props on <select> instead of setting selected on <option>.

下面是代碼

<select>
     {status.map((data,index) => {
         if (STATE === index) {
            return <option selected="true" key={index} value={index}>{data}</option>
         }
         return <option key={index} value={index}>{data}</option>
      })
     }
</select>
回答
編輯回答
獨特范

option的selected里不能被賦值，要賦值給select，如

<select value='true'>
    <option value="1">...</option>
    <option value="2">...</option>
</select>

這個select的value就是option被選中的value

2017年8月27日 22:13
編輯回答
不舍棄
<select value={STATE}>
     {status.map((data,index) => {
         return <option key={index} value={index}>{data}</option>
      })
     }
</select>
2017年12月18日 18:17