2017-02-21 47 views
0

我有一個輸入字段,我想顯示一些默認值或初始值。之後,每當用戶改變它的值應該改變,但初始值應該是我給的。但我無法做到這一點。這裏是我的輸入顯示輸入的初始值

<input placeholder={this.props.edit_tag_reducer.time_in} 
     id="time_in" 
     type="text" 
     value={this.secondsToHms(this.props.new_marker_reducer.start)} 
/> 

我也試過defaultValue={this.props.edit_tag_reducer.time_in},但沒有奏效。

+0

您確定您傳遞的值不是null或未定義? – Juuso

+0

你正在使用哪個庫/模板引擎/框架?請標記。 –

+0

'{this.secondsToHms(this.props.new_marker_reducer.start)}'返回什麼?因爲這當然應該爲元素提供一個「價值」。 –

回答

0

您需要放在引號:

value='"' + {this.secondsToHms(this.props.new_marker_reducer.start)} + '"'

這將作爲默認(初始)值行事。 (沒有defaultValue屬性。)

如果這不顯示值,那是因爲您的屬性不正確或者它不會轉換爲Hms。

你可以只是嘗試'值=「一時10分35秒」,以測試其中的問題在於

鑑於你的問題是不明確的,你可能會希望得到的佔位符標記工作。

同樣的事情適用。放在引號:

placeholder= '"' + {this.props.edit_tag_reducer.time_in} + '"'

+0

沒有問題的價值。我在defaulValue有問題。 – ApurvG

+0

初始值是您的默認(開始)值。 – rasmeister

+0

如果您想讓佔位符工作,請參閱編輯答案 – rasmeister

0

它沒有意義的,同時具有placeholder和您的輸入框中value屬性,因爲佔位符用於當值最初缺少或完全缺失,但是因爲你正在設置它,所以你不需要它我不這麼認爲。

還要記住,這裏列出的值屬性隻影響DOM,它實際上並不是JS中輸入的值。

並確保{this.props...}實際上包含您想要的值。

+0

我想顯示一個默認值。然後,如果用戶想改變它,那麼他可以改變。在我的情況下,它會通過改變{this.secondsToHms(this.props.new_marker_reducer.start)} – ApurvG

+0

確保你的對象實際上正在返回一個值,但如果是這樣,只需將整個東西包裝在引號中,它應該工作。 – Slime