已解決430363個問題，去搜搜看，總會有你想問的

react input組件問題

首頁猿問 react input組件問題

React.JS

繁華開滿天機 2018-08-08 11:03:56

自己封裝了一個React input組件,這里封裝成了函數式組件。并沒有使用state。代碼父組件中調用頁面效果問題: 如圖紅色方框所示,在點擊X之后想讓input清空,可是在控制臺里父組件確實更新了，而且link也變成了‘’,可是input里并沒有置空....

查看完整描述

2 回答

HUH函數

TA貢獻1836條經驗獲得超4個贊

謝邀，沒看到 input 清空 value 的代碼呢。

反對回復 2018-08-29

心有法竹

TA貢獻1866條經驗獲得超5個贊

input顯示的值并沒有根據props中傳遞的value值進行設置，defaultValue只是設置默認值，當input中輸入值后，就不再起作用。正確的寫法：

<input
    type="text"
    className="app-input"
    value={value}
    onBlur=...
    onChange=...
    .../>

順便提醒下，以后提問，代碼最好不要用截圖，用文本，方便回答問題的人復制。

反對回復 2018-08-29

關注

舉報

0/150

提交

取消