點擊文字元素，元素變爲可編輯元素

 

點擊文字元素變爲input

方法一

　　增長 contentEditable 屬性 

<h1 className="editable-field" contentEditable={true} suppressContentEditableWarning={true} > summary </h1>

 

 

點擊文字元素變爲select

方法一

　　1.  每一個FormItem對應兩個元素，第一個爲p文字元素，第二個爲可編輯的select。

　　2. 點擊p元素後，state中的selectedItem屬性設爲該元素的label屬性

　　3. 若是selectedItem等於某個FormItem的label值，那麼顯示隱藏p顯示select

方法二

　　1.  每一個可編輯的元素對應兩個元素，第一個爲p文字元素，第二個爲可編輯的select。

　　2. 默認狀況下，select元素爲隱藏狀態，點擊p元素，p元素的display屬性設爲none，select的display屬性設爲block

　　3. 點擊其它元素，p元素display屬性設爲none